☰

Youtube: Remove Overlays

10/30/2021, 12:35:27 AM

目前为 2021-10-31 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name        Youtube: Remove Overlays
  3. // @namespace   https://greasyfork.org/en/users/221281-klaufir
  4. // @match       https://www.youtube.com/embed/*
  5. // @match       https://www.youtube.com/*
  6. // @grant       none
  7. // @version     1.10
  8. // @author      -
  9. // @description 10/30/2021, 12:35:27 AM
  10. // ==/UserScript==
  11.  
  12. function idle_waiter(wait_for_idle_ms, on_idle_callback) {
  13.   // source: https://stackoverflow.com/a/47406751
  14.   var action = function(o) {
  15.       o.disconnect();
  16.       on_idle_callback();
  17.   }
  18.     
  19.   var resetTimer = function(changes, observer) {
  20.       clearTimeout(timer);
  21.       timer = setTimeout(action, wait_for_idle_ms, observer);
  22.   }
  23.   
  24.   var observer = new MutationObserver(resetTimer);
  25.   var timer = setTimeout(action, wait_for_idle_ms, observer); // wait for the page to stay still for 3 seconds
  26.   observer.observe(document, {childList: true, subtree: true});
  27. }
  28.  
  29. function removeAllByClass(classes) {
  30.   classes.forEach(cls => {
  31.     Array.from(document.getElementsByClassName(cls)).map(e => e.remove());
  32.   });
  33. }
  34.  
  35.  
  36. function cleanupOverlays() {
  37.   // console.log('----- cleanupOverlays ------ ')
  38.   const classes = [
  39.         'ytp-paid-content-overlay',  // paid promotion notification overlay in the bottom left corner
  40.         'ytp-pause-overlay',         // "More Videos" overlay on paused embeds
  41.         'ytp-ce-element',            // covering overlays at the end of the video
  42.         'iv-branding',               // branding overlay in the bottom right corner
  43.         'ytp-cards-teaser',          // info cards in the top right corner
  44.         'ytp-cards-button-icon',     // info cards in the top right corner
  45.         'ytp-cards-button-title',    // info cards in the top right corner
  46.         'ytp-endscreen-content',     // endscreen recommended videos
  47.         'ytp-spinner'                // remove spinner stuck on screen
  48.       ];
  49.   removeAllByClass(classes);
  50. }
  51.  
  52. function moviePlayerWatcher() {
  53.   // run cleanup overlays after the movie player element has not been
  54.   // modified for at least 5 seconds
  55.   let moviePlayerChangeTimeout = 5000;
  56.   
  57.   var movie_player = document.getElementById('movie_player');
  58.   console.log('movie_player: ', movie_player);
  59.   if (movie_player === null) {
  60.     setTimeout(moviePlayerWatcher, 1000);
  61.     return;
  62.   }
  63.   
  64.   var timer = null;
  65.   
  66.   var moviePlayerMutationEvent = function(changes, observer) {
  67.       console.log('moviePlayerMutationEvent:', changes);
  68.       clearTimeout(timer);
  69.       timer = setTimeout(cleanupOverlays, moviePlayerChangeTimeout);
  70.   }
  71.   
  72.   var observer = new MutationObserver(moviePlayerMutationEvent);
  73.   observer.observe(movie_player, {attributes: false, childList: true, subtree: false});
  74. }
  75.  
  76. // overkill but works
  77. idle_waiter(100, cleanupOverlays);
  78. idle_waiter(500, cleanupOverlays);
  79. idle_waiter(1000, cleanupOverlays);
  80. idle_waiter(2000, cleanupOverlays);
  81. setTimeout(cleanupOverlays, 2000);
  82. setTimeout(cleanupOverlays, 5000);
  83.  
  84. moviePlayerWatcher();
  85.