优酷HTML5视频声音异常是因浏览器自动播放策略拦截，非优酷或HTML5故障；Chrome/Edge/Safari自2018年起默认静音未交互页面的有声视频，需通过插件、网站设置或用户手势触发解音。
优酷 HTML5 视频声音异常，本质是浏览器自动播放策略拦截
不是优酷“坏了”，也不是 HTML5 本身有问题——而是 Chrome、Edge、Safari 等主流浏览器从 2018 年起强制执行的 autoplay policy：只要视频带音频（哪怕你没点播放），且用户还没跟页面交互（比如点击、滚动、触摸），浏览器就静音锁定，且不允许 JS 后续解除。你点开优酷首页，视频自动加载+静音，就是这个策略在起作用。
禁用 HTML5 自动播放最稳的实操方式
别折腾 UA 伪装或禁用 JavaScript 这类副作用大的操作，优先用现成、轻量、生效快的方法：
- 安装
Disable HTML5 Autoplay插件（Chrome / Edge / Firefox 均可用），它直接拦截video和audio元素的autoplay属性和play()调用，不依赖用户手势，一劳永逸； - 对单个网站（如优酷）临时禁用：地址栏左侧点击声音图标 → 选「阻止此网站自动播放」；
- 若已打开优酷页面但声音突然消失，先确认是否触发了全屏退出静音行为（见下一条）；
- 插件启用后务必刷新页面——否则已加载的媒体元素不会回退状态。
全屏退出后自动静音？这是 Safari/iOS/Chrome 的默认行为
优酷在 iOS 或 macOS Safari 上全屏播放后退出，video 元素大概率被强制设为 muted=true 且 volume=0，即使你之前手动调大音量也无效。这不是 bug，是浏览器为防误触设计的安全机制。
- 修复方法：监听
fullscreenchange事件，在退出时显式恢复音量：document.addEventListener('fullscreenchange', () => { if (!document.fullscreenElement) { const v = document.querySelector('video'); if (v) { v.muted = false; v.volume = 1; // 注意：部分浏览器需用户手势后才允许生效，可加个按钮触发 } } }); - 更稳妥的做法是：退出全屏后，等用户点击一次再恢复音量，避免被策略拦截；
- 不要依赖
webkitfullscreenchange单独监听——Safari 必须同时监听标准事件和前缀事件才能覆盖所有场景。
为什么移除 muted 属性或设 volume=1 没用？
因为现代浏览器会忽略「非用户激活上下文」中的音量操作。你在控制台输 video.muted = false 或 video.volume = 1，返回成功，但实际音频通道仍被锁死。
立即学习“前端免费学习笔记（深入）”；
- 验证是否真被拦截：在控制台执行
document.querySelector('video').muted，返回true就说明被策略强制静音； - 唯一可靠解法：把取消静音逻辑绑定到用户真实交互上，例如按钮点击：
document.getElementById('unmuteBtn').addEventListener('click', () => { const v = document.querySelector('video'); v.muted = false; v.volume = 1; v.play().catch(e => console.warn('play failed:', e)); }); - 注意：iOS 上还要求首次播放必须由用户手势直接触发，不能是 setTimeout 延迟后的调用，也不能是 Promise.then 里间接触发。
