video标签的muted必须为无值布尔属性，带值即失效；autoplay与muted须同时写死在html中，js后设无效；ios需加playsinline和webkit-playsinline；彻底静音应删音频流而非依赖muted。
video标签里muted必须不带值，带值就失效
浏览器只认 muted 这个无值布尔属性，写成 muted="true"、muted="false"、muted="" 都会被当普通字符串忽略，静音直接不生效。Vue/React 里用 :muted="true" 渲染也会带值，同样翻车。
- ✅ 正确：
<video autoplay muted></video> - ❌ 错误：
<video autoplay muted="true"></video> - ❌ 错误：
<video autoplay muted="false"></video>（浏览器可能误判为“已声明但拒绝静音”，策略逻辑错乱） - 服务端渲染或静态 HTML 最稳；JS 动态创建时，必须在
appendChild()前设v.muted = true，不能先挂载再补
autoplay和muted必须同时写死在HTML里，JS后设没用
浏览器在解析 DOM 阶段就检查 muted 是否存在，来决定是否放行 autoplay。JS 后调 video.muted = true 或 setAttribute('muted', '') 已错过策略窗口，play() 会报错：DOMException: play() failed because the user didn't interact with the document first。
- 动态插入视频的正确顺序：
const v = document.createElement('video'); v.muted = true; v.autoplay = true; v.playsInline = true; v.src = 'a.mp4'; document.body.appendChild(v); v.play().catch(...); - 不要写：
video.autoplay = true; document.body.appendChild(video); video.muted = true; video.play();—— 太晚 - 即使用了
loadedmetadata或canplay事件再设muted，也救不回首次播放资格
iOS Safari 必须加 playsinline 和 webkit-playsinline
只写 muted 和 autoplay，iOS Safari 仍会强制全屏，且部分机型直接黑屏不播——muted 白搭。必须显式声明内联播放权限。
- ✅ HTML 写法：
<video autoplay muted playsinline webkit-playsinline></video> - ✅ JS 对应：
video.playsInline = true（注意大小写，不是playsinline） - 别忽略 CSS：父容器有
transform: scale(0.99)或opacity: 0.99，某些 iOS 版本会回退静音策略 - 旧版微信（7.0.5 前）可能要加
x5-video-player-type="h5-page"，现在基本不用了
真正静音 ≠ 有音频轨道 + muted
muted 是策略通行证，不是音量开关。它只告诉浏览器“我接受静音”，从而换取 autoplay 权限；但视频文件本身若有音频轨道，某些安卓 WebView 或用户手动点过音量图标后，仍可能出声。
- 背景视频（如 banner 动画）最稳方案：用 FFmpeg 彻底删掉音频流：
ffmpeg -i input.mp4 -an -c:v copy output.mp4 - 验证是否成功：
ffprobe -vquiet -show_entries stream=codec_type -of csv=p=0 output.mp4，输出只能是video，不能有audio - 这样连
muted都不用加，也绕开所有策略判断 - 别指望
volume = 0替代muted：volume = 0是调低音量，浏览器仍判定为“有声”，照样拦截
muted 再规范，也压不住一个带音轨的 MP4。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
