移动端视频静音自动播放需同时满足muted、autoplay、playsinline三属性，缺一不可；muted必须写在HTML中而非JS设置，且需配合FFmpeg移除音频流或兜底播放按钮确保兼容性。
移动端视频要实现静音自动播放，muted 不是可选项，而是浏览器放行 autoplay 的硬性门槛。它本质不是“调低音量”，而是向系统声明“这个视频不发声”，从而换取无用户交互时的播放资格。
必须写在 HTML 标签里，不能靠 JS 补
浏览器在解析 HTML 阶段就判断是否允许自动播放。如果只写 <video autoplay></video>，再用 JS 执行 video.muted = true 和 play()，在 iOS Safari 或多数安卓 WebView 中会失败，控制台报错：play() failed because the user didn't interact with the document first。
- ✅ 正确写法：
<video muted autoplay playsinline></video></li> <li>❌ 错误写法：<code><video muted="true" autoplay></video>
（muted 是布尔属性，带值反而可能被忽略） - ❌ 错误写法：
<video autoplay></video>（缺 muted，99% 被拦截）
配合 playsinline 才算真正“内联静音”
iOS Safari 默认强制全屏播放视频，即使加了 muted，也会跳转到原生播放器界面，导致页面布局断裂、静音状态失效。playsinline 就是告诉 Safari：“请在这个 <video> 元素里播，别弹出去”。
- 必须同时写：
muted+autoplay+playsinline - 为兼容旧版 Safari，建议补上
webkit-playsinline - Android Chrome 大多不强制，但加上无副作用
静音 ≠ 绝对无声，彻底去音频流最稳
muted 属性本身不删除音频轨道。只要视频文件里还存着音频流（哪怕全是静音帧），某些安卓 WebView 或用户手动点过音量按钮后，仍可能意外出声。
- 如果你的视频本就不该有声音（比如 banner 背景动效），导出时用 FFmpeg 彻底移除音频流更可靠：
ffmpeg -i input.mp4 -c:v copy -an output.mp4 - 仅设
volume = 0无效——浏览器仍判定为“有声”，照样拦截 autoplay - 不要依赖
video.muted单一值判断静音状态，还要检查video.volume > 0
失败兜底：加 .catch() 并提供播放按钮
所有自动播放都应包裹 play().catch()。一旦失败，别让用户干等或以为页面坏了。
- 在 catch 回调中显示一个醒目按钮，文案如“点击播放”
- 按钮点击后执行
video.play()，此时已有用户手势，浏览器必然放行 - 可顺带设
video.muted = false，让用户自主决定是否开声
