muted是现代浏览器自动播放的硬性前提，必须与autoplay同时作为无值布尔属性声明，并配合playsinline和webkit-playsinline才能在iOS等移动端稳定内联自动播放。
为什么手机浏览器不让你自动播放视频
因为 iOS 和 Android 的主流浏览器（Safari、Chrome、Firefox 移动版）默认禁止带声音的视频自动播放，这是为了节省流量、防止骚扰和提升用户体验。只要 video 标签没加 muted，哪怕你写了 autoplay，它大概率静音卡在第一帧不动，控制台还可能报 DOMException: play() failed because the user didn't interact with the document first。
加上 muted 属性就能绕过限制吗
能——但有前提：必须是真正“静音”状态，且属性要写对。常见错误包括：
-
muted="false"或muted="0"不生效，只有muted（布尔属性，无值或值为""或"muted"）才被识别 - 用 JavaScript 动态设置
video.muted = false后再play()，会立刻触发策略拦截 - 某些安卓 WebView（比如微信内置浏览器）要求
muted和autoplay必须同时出现在 HTML 中，不能靠 JS 补上
正确写法示例：
<video autoplay muted playsinline webkit-playsinline> <source src="demo.mp4" type="video/mp4"> </video>
playsinline 和 webkit-playsinline 是干啥的
iOS Safari 默认强制全屏播放 video，加了 playsinline 才允许内联播放（即嵌在页面里不动）。webkit-playsinline 是旧版 iOS 的兼容写法，现在虽多数已支持标准属性，但建议两个都写上保底。
立即学习“前端免费学习笔记（深入）”；
注意：playsinline 本身不影响自动播放，但它和 muted + autoplay 是「手机端内联自动播放」的铁三角组合，缺一不可。
还有哪些坑容易踩
自动播放不是加个 muted 就万事大吉，真实项目中常遇到：
- 视频格式问题：iOS 只认 H.264 编码的 MP4，WebM 在 Safari 移动端直接不加载
- 服务器未配好 MIME 类型：返回
text/plain而不是video/mp4，导致canplay事件不触发 - 用户首次访问时，部分安卓机仍需一次点击才能解锁媒体播放权限（尤其 Chrome 90+），此时可监听
click后调用play()做 fallback -
preload="auto"在移动端反而可能拖慢首帧，建议用preload="metadata"或干脆不写
最稳妥的上线检查项：真机 Safari + Chrome for iOS/Android，打开 DevTools 远程调试，看 Network 是否成功加载视频、Console 有无播放异常、视频是否真的从第一帧开始无声播放。
