Greasy Fork is available in English.
鼠标离开浏览器窗口或者切换标签页自动暂停播放视频,鼠标重新激活浏览器窗口或者或者切回标签页就自动播放视频
// ==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();
}
});
})();