浏览器标签页切换时视频自动暂停的解决方案咨询（已尝试scrollIntoView及focus方法无效）

我之前也碰到过一模一样的情况，大部分视频网站是靠监听visibilitychange事件或者读取document.hidden属性来判断标签页是否活跃，进而控制视频的播放/暂停——这也是你用focus()和scrollIntoView()没用的核心原因：这俩方法只是操作元素的焦点和滚动位置，完全没触及网站检测标签页可见性的底层逻辑。

下面给你几个可行的解决思路：

方法一：用户脚本（持久生效） #

推荐用Tampermonkey这类用户脚本管理器，这样每次打开目标网站都会自动生效，不用每次手动敲代码。新建一个脚本，粘贴下面的代码（记得把@match里的域名改成你看视频的网站）：

// ==UserScript==
// @name         阻止标签页切换暂停视频
// @match        *://your-video-site.com/*  // 替换成目标网站域名，比如*://youtube.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // 拦截visibilitychange事件，阻止网站的监听器触发
    document.addEventListener('visibilitychange', function(e) {
        e.stopPropagation();
    }, true);

    // 篡改document.hidden的返回值，让网站认为标签始终处于可见状态
    Object.defineProperty(document, 'hidden', {
        get: function() { return false; }
    });

    // 兼容老版webkit内核浏览器（比如部分旧版Chrome）
    Object.defineProperty(document, 'webkitHidden', {
        get: function() { return false; }
    });

    // 额外拦截pagehide/pageshow事件（部分小众网站会用这个检测）
    document.addEventListener('pagehide', e => e.stopPropagation(), true);
    document.addEventListener('pageshow', e => e.stopPropagation(), true);
})();

方法二：控制台临时运行（单次生效） #

如果只是临时用，不想装脚本工具，可以打开浏览器控制台（按F12），粘贴下面的代码回车即可，不过刷新页面后效果会消失：

// 拦截核心可见性相关事件
document.addEventListener('visibilitychange', e => e.stopPropagation(), true);
document.addEventListener('pagehide', e => e.stopPropagation(), true);
document.addEventListener('pageshow', e => e.stopPropagation(), true);

// 修改可见性属性的返回值
Object.defineProperty(document, 'hidden', { get: () => false });
Object.defineProperty(document, 'webkitHidden', { get: () => false });

特殊情况处理 #

有些视频网站有更复杂的检测逻辑（比如结合用户交互、播放状态），如果通用方法无效，可以针对具体网站调整。比如YouTube这类平台，还可以尝试直接锁定播放器的pause方法：

const player = document.querySelector('video');
if (player) {
    player.pause = () => {}; // 空实现pause方法，让网站无法调用它暂停视频
}

另外，部分浏览器的隐私或性能设置可能会限制这类修改，如果遇到报错，可以先关闭浏览器的"标签页休眠"类功能，再重试上面的方法。

内容的提问来源于stack exchange，提问作者DREAM