鼠标离开浏览器窗口或者切换标签页自动暂停播放视频,鼠标重新激活浏览器窗口或者或者切回标签页就自动播放视频
// ==UserScript==// @name 🔥(360和chrome均已测试)自动暂停/恢复播放视频(适用于需要边听课边做笔记+不想后台播放的场景)// @namespace your-namespace// @version 1.0// @description 鼠标离开浏览器窗口或者切换标签页自动暂停播放视频,鼠标重新激活浏览器窗口或者或者切回标签页就自动播放视频// @license Yolanda Morgan// @author Your Name// @match *://*/*// @grant none// ==/UserScript==(function() {var videoElement = null;var isPaused = false;// 获取所有视频元素function getVideoElements() {return document.querySelectorAll('video');}// 暂停视频播放function pauseVideo() {if (!videoElement.paused) {videoElement.pause();isPaused = true;}}// 恢复视频播放function playVideo() {if (isPaused) {videoElement.play();isPaused = false;}}// 监听鼠标移出窗口事件window.addEventListener('mouseout', function(event) {// 判断鼠标是否离开整个浏览器窗口if (event.toElement === null && event.relatedTarget === null) {var videos = getVideoElements();if (videos.length > 0) {videoElement = videos[0];pauseVideo();}}});// 监听鼠标移入窗口事件window.addEventListener('mouseover', function(event) {// 判断鼠标是否进入整个浏览器窗口if (event.fromElement === null && event.relatedTarget === null) {playVideo();}});})();