autoplay 和 muted 必须同时作为无值布尔属性写死在初始 HTML 中才有效，JS 动态设置无效；正确写法为 <video autoplay muted playsinline src="bg.mp4"></video>。
autoplay 和 muted 必须同时写死在 HTML 里才有效
浏览器只在 DOM 解析阶段检查 muted 是否作为无值布尔属性存在，来决定是否授予 autoplay 权限。JS 后设 video.muted = true 或 video.setAttribute('muted', '') 全部无效——Blink 内核（Chrome/Edge）甚至会直接忽略这类调用，不更新内部静音状态。
常见翻车场景：
-
<video autoplay muted="true">：带值即失效，被当普通字符串处理 -
<video autoplay muted="false">：部分版本 Safari 误判为“明确拒绝静音”，反而触发拦截 - Vue/React 中写
:muted="true"：渲染出带值属性，静音不生效 - 服务端渲染或动态 createElement 后再 setAttribute：错过策略窗口，
play()必 reject
正确写法只有一种：<video autoplay muted playsinline src="bg.mp4"></video>。所有属性必须出现在初始 HTML 字符串中，且 muted 不带任何等号或引号。
为什么 video.muted = true 在 JS 里设了也白搭
这不是代码写错，是浏览器内核的硬性设计：Chromium 的 HTMLMediaElement::ParseAttribute 方法只响应 parser 阶段的 muted 属性，JS 赋值仅同步 DOM 属性，不触发声音策略状态机。
实操建议：
- 动态创建时，必须在
appendChild()前完成v.muted = true、v.autoplay = true、v.playsInline = true - 顺序不能颠倒：先设属性，再
play().catch()，不要等loadedmetadata或canplay事件 - 哪怕
v.muted读出来是true，播放时仍可能出声——因为底层状态没真正切换
iOS Safari 上 muted 失效的三个硬条件
写了 autoplay 和 muted 还黑屏？大概率卡在这三条上：
-
playsinline缺失：HTML 标签里必须显式写playsinline，JS 对应的是video.playsInline = true（注意首字母大写） - 视频不在可视区域：父容器用了
transform: scale(0.99)、opacity: 0.99或visibility: hidden，某些 iOS 版本会回退静音策略 - 响应头问题：跨域视频没返回
Access-Control-Allow-Origin: *，或服务器返回Content-Type: text/plain而不是video/mp4
另外，旧版微信（7.0.5 之前）需加 x5-video-player-type="h5-page"，但现在基本不用管。
真正静音 ≠ 依赖 muted 属性
muted 是自动播放的“准入钥匙”，不是音量开关。它只向浏览器声明“我接受静音”，换取播放资格；但视频文件本身若有音频轨道，用户点开控件、拖动进度条、或系统判定上下文不可信时，声音仍可能出来。
要 100% 静音，唯一可靠方式是删掉音频流：
- 用 FFmpeg 命令：
ffmpeg -i input.mp4 -an -c:v copy output.mp4 - 验证输出：
ffprobe -v quiet -show_entries stream=codec_type -of csv=p=0 output.mp4，结果应只输出video
此时连 muted 都不用写，彻底绕过所有浏览器音频策略校验。如果必须保留音频轨道（比如支持用户手动开启），那就别指望 muted 控制静音，改用 Web Audio API 动态 mute，但注意它无法绕过 autoplay 限制。
