根本原因是页面卸载时未暂停video元素，需监听visibilitychange和pagehide事件主动pause；用户可手动暂停、关闭Tab或关画中画；iframe视频需postMessage或清空src。
移动端网页切换页面后视频声音还在播放，本质是页面卸载时未正确销毁或暂停 video 元素，导致音频流持续输出。这不是浏览器“Bug”，而是开发者未处理生命周期事件的常见疏漏。解决重点在前端代码层面，用户侧可临时规避，但根本修复需网页作者配合。
网页开发者：必须监听页面可见性与卸载事件
移动端 Safari、Chrome 等现代浏览器支持 visibilitychange 和 pagehide 事件，应在这些时机主动 pause 视频：
- 监听
document.addEventListener('visibilitychange', () => { if (document.hidden && videoEl) videoEl.pause(); }) - 补充监听
window.addEventListener('pagehide', () => { if (videoEl) videoEl.pause(); })，覆盖 iOS Safari 切后台强卸载场景 - 避免仅依赖
blur或beforeunload——它们在移动端不可靠，尤其 iOS 上常不触发 - 若使用 Web Components 或框架（如 Vue/React），确保在组件 unmount 或路由离开时调用
video.pause()，并清除定时器、音效等关联资源
用户临时应对：手动暂停 + 检查后台进程
普通用户无法改代码，但可通过以下操作快速止声：
- 返回原视频页，点击播放器上的暂停按钮（即使画面已黑，音频可能仍在运行）
- 双击 Home 键（或上滑悬停）打开多任务界面，找到该浏览器 Tab 并向上滑出关闭——强制终止进程
- 检查是否误启了「画中画」模式（iOS Safari 常见），关闭画中画浮窗即可停声
- 部分安卓手机可在「设置→应用管理→浏览器→电池优化」中关闭优化，防止系统后台杀进程导致音频残留
特别注意 iframe 嵌入视频的场景
如果视频来自 YouTube、Bilibili 等第三方 iframe，网页自身无法直接控制其内部 video 元素。此时需：
- 确保 iframe 的
allow="autoplay; encrypted-media"中不含microphone或冗余权限 - 在页面切换前，通过
postMessage向 iframe 发送暂停指令（需对方支持，如 YouTube iframe API 提供player.pauseVideo()） - 更稳妥的做法：页面隐藏时，用
iframe.src = ''或移除 iframe 节点，彻底释放资源
浏览器兼容性补漏
某些旧版 WebView 或定制内核（如部分国内安卓浏览器）不完全支持 visibilitychange。可叠加判断：
- 监听
document.addEventListener('webkitvisibilitychange', ...)（Safari 早期） - 检测
document.hidden === undefined时，fallback 到window.onfocus/onblur（低效但可用） - 对自动播放静音视频（
autoplay muted），仍需显式 pause，因 muted 不等于无音频流
