From ad62baaf033b7a77192ccad343b1926537b69024 Mon Sep 17 00:00:00 2001 From: Teddy Wing Date: Tue, 5 May 2020 04:10:46 +0200 Subject: Reactivate player controls and hide UI Click the player frame to reactivate player controls. Player controls disappear once the credits get minimised. The problem with clicking the player frame, though, is that the controls UI becomes visible. We want the controls DOM elements to come back, but stay hidden. Change the CSS class to "inactive" to hide the UI. There is a problem with this currently: jiggling the mouse over the video after the class is changed doesn't make the controls visible. Need to move the cursor out of the frame and back in to reset the visibility state. Add a couple CSS styles to hide: * The "Back to Browse" button that appears for a second in the top left corner of the page * The "RATED …" label in the top left corner of the page --- content.js | 41 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) diff --git a/content.js b/content.js index ab42080..bcf10dd 100644 --- a/content.js +++ b/content.js @@ -21,6 +21,29 @@ function init_mutation_observer (player) { if (mutation.target.classList.contains('postplay')) { mutation.target.classList.remove('postplay'); + // Activate player controls. + mutation.target.click(); + + // TODO: Change .active to .inactive + // mutation.target.classList.replace('active', 'inactive'); // Didn't work + // Remove .can-resume: Removes white border on hover + // PlayerControlsNeo__bottom-controls PlayerControlsNeo__bottom-controls--faded + // PlayerControlsNeo__layout PlayerControlsNeo__layout--active + // PlayerControlsNeo__layout PlayerControlsNeo__layout--inactive + + // document.querySelector('.PlayerControlsNeo__bottom-controls') + // .classList + // .add('PlayerControlsNeo__bottom-controls--faded'); + + document.querySelector('.PlayerControlsNeo__layout.PlayerControlsNeo__layout--active') + .classList + .replace( + 'PlayerControlsNeo__layout--active', + 'PlayerControlsNeo__layout--inactive' + ); + + // .OriginalsPostPlay-BackgroundTrailer .BackToBrowse + return; } } @@ -35,9 +58,27 @@ function init_mutation_observer (player) { ); } +function styles () { + var style = document.createElement('style'); + + document.head.appendChild(style); + + style.sheet.insertRule( + '.OriginalsPostPlay-BackgroundTrailer .BackToBrowse { visibility: hidden; }', + style.sheet.cssRules.length + ); + + style.sheet.insertRule( + '.player-view-childrens { visibility: hidden; }', + style.sheet.cssRules.length + ); +} + with_player(function(player) { window.player = player; init_mutation_observer(player); }); + +styles(); -- cgit v1.2.3