☰

Pause videos when not visible

play/pause videos

当前为 2024-04-18 提交的版本，查看 最新版本。

此脚本不应直接安装，它是供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.cn-greasyfork.org/scripts/492879/1362450/Pause%20videos%20when%20not%20visible.js 

  1. // ==UserScript==
  2. // @name               Pause videos when not visible
  3. // @namespace          https://greasyfork.org/users/821661
  4. // @version            1.0
  5. // @description        play/pause videos
  6. // @author             hdyzen
  7. // @match              https://*/*
  8. // @grant              none
  9. // @license            MIT
  10. // ==/UserScript==
  11. 'use strict';
  12.  
  13. function observerIt(elements, threshold) {
  14.     const observer = new MutationObserver(() => {
  15.         const videos = document.querySelectorAll(elements);
  16.         if (videos.length) {
  17.             videos.forEach(video => {
  18.                 pauseVideo(video, threshold);
  19.             });
  20.         }
  21.     });
  22.  
  23.     observer.observe(document.body, {
  24.         childList: true,
  25.         subtree: true,
  26.     });
  27. }
  28.  
  29. function pauseVideo(element, threshold) {
  30.     const observer = new IntersectionObserver(
  31.         entries => {
  32.             entries.forEach(entry => {
  33.                 !entry.isIntersecting && !entry.target.paused ? entry.target.pause() : undefined;
  34.             });
  35.         },
  36.         { threshold: threshold },
  37.     );
  38.  
  39.     observer.observe(element);
  40. }