如何解除HTML5视频自动播放限制并实现静音播放？

本文共计721个文字，预计阅读时间需要3分钟。

Document 欢迎来到我的主页

这里是我的个人网站，您可以在这里了解我的信息。

必须同时满足 muted + playsinline 才能真自动播

光加 autoplay 不够，光加 muted 也不稳。iOS Safari 尤其严格：

• muted 是硬性前提，哪怕你后续用 JS 解除静音也不行——必须初始就静音
• playsinline 必须显式声明，否则 iOS 会强制全屏，且可能拒绝自动播放
• 部分安卓 WebView（如微信内置）还要求 webkit-playsinline

正确写法示例：

<video autoplay muted playsinline webkit-playsinline> <source src="video.mp4" type="video/mp4"> </video>

想取消静音？只能靠用户点击后手动调用 play()

自动播放阶段不能有声音，这是铁律。