video标签静音必须用无值布尔属性muted，写成muted="true"等带值形式会失效；autoplay需与muted同时作为HTML属性存在，JS动态设置均无效；取消静音须在用户交互中执行video.muted = false。
video 标签里写 muted 就够了，别加等号或值
浏览器只认无值布尔属性——muted 出现在 HTML 标签里，就立刻生效；写成 muted="true"、muted="muted" 或 muted=""（空字符串）都会被当成普通字符串属性忽略，静音失效。
常见翻车点：
- Vue/React 里用
v-bind:muted="true"或:muted="true"，模板渲染出带值的属性，静音不工作 - 服务端渲染或静态 HTML 最稳妥；JS 动态创建
video元素时，必须在appendChild()前调用el.setAttribute('muted', '')或直接el.muted = true - 移动端（尤其是 iOS Safari）要求
muted必须在 HTML 解析阶段存在，否则 autoplay 直接跳过
autoplay 必须和 muted 同时作为 HTML 属性出现
现代浏览器把 autoplay 当作策略触发器，只在解析 HTML 阶段检查是否满足静音前提。JS 后设 video.muted = true 或 video.setAttribute('muted', '') 都太晚，play() 会被拒绝，控制台报错：DOMException: play() failed because the user didn't interact with the document first。
正确写法只有这一种：
<video autoplay muted> <source src="demo.mp4" type="video/mp4"> </video>
错误写法包括：
-
<video autoplay></video>+ JS 设置muted <video autoplay muted="true"></video>-
<video autoplay></video>在DOMContentLoaded里才设muted
video.muted = false 才能真正取消静音，removeAttribute("muted") 没用
muted 是 IDL 属性（JavaScript 可写属性），不是纯 HTML 属性。removeAttribute("muted") 只删 DOM 属性，不影响运行时状态；必须用赋值操作：video.muted = false 才会同步音频通道。
解静音还必须满足用户手势条件：
- 只能在
click、touchstart、keydown等真实交互事件回调里执行 - 不能放在
setTimeout、load回调、或非交互事件中 -
video.play()要紧跟着video.muted = false，且必须.catch()捕获失败（比如因手势缺失）
别碰 defaultMuted，它几乎没用
defaultMuted 只影响“视频第一次加载、尚未开始播放”时的初始值，对已加载、已播放过的媒体完全无效；Firefox 甚至不支持该属性。
实际项目中：
- 要确保一上来就静音 → HTML 里写死
muted - 要运行时切换静音 → 只用
video.muted = true/false - 不要混用：设了
video.muted = false后再改defaultMuted，不会回退状态
容易被忽略的是：即使 HTML 有 muted，video.muted = false 仍会覆盖并启用声音——优先级上，IDL 属性永远高于 HTML 属性。
