fullscreen_credits.ts: Start getting credits working again after update

Netflix updater their player UI in early August 2021. This caused my
credits handling to stop working. Haven't tested it for series episodes,
only movies so far.

This gets fullscreen credits mostly working again. The only thing wrong
now is that the player controls appear for a few seconds when the
credits are re-maximised.

* Since the player element changed, we have to watch a different element
  now. We can still use class names to partially revert the
  minimisation.
* The `<video>` element has inline styles that minimise it. We need to
  override these now to make it fullscreen.
* Promos are now in `.OriginalsPostPlay-BackgroundTrailer`, which is
  rendered in front of the video, so this element must be hidden.
* In order to click the minimised video, we have to click the `<div>`
  inside it which the click event is now bound to.
* Added some ideas for hiding the player when the minimised video is
  clicked, but haven't solved that part yet. The problem there is that
  previously, the controls were always present in the DOM, and hidden
  with a class. Now, they're added to and removed from the DOM when
  shown and hidden.

1 files changed, 2 insertions, 2 deletions

diff --git a/src/controls.ts b/src/controls.ts
index 4be1752..4e54c40 100644
--- a/src/controls.ts
+++ b/src/controls.ts
@@ -1,4 +1,4 @@
-// Copyright (c) 2020  Teddy Wing
+// Copyright (c) 2020–2021  Teddy Wing
 //
 // This file is part of Immersive.
 //
@@ -27,7 +27,7 @@ const controls = {
 		hide_cursor();
 
 		const controls_el = document.querySelector(
-			'.PlayerControlsNeo__layout.PlayerControlsNeo__layout--active'
+			'.watch-video--bottom-controls-container'
 		);
 		logger.debug('hide():', 'Controls:', controls_el);