根本原因是页面卸载时未暂停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()，并清除定时器、音效等关联资源

用户临时应对：手动暂停 + 检查后台进程

普通用户无法改代码，但可通过以下操作快速止声：

使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审

使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。

下载

• 返回原视频页，点击播放器上的暂停按钮（即使画面已黑，音频可能仍在运行）
• 双击 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 不等于无音频流