video标签静音必须用无值布尔属性muted，写成muted="true"等带值形式会失效；autoplay需与muted同为html属性才能触发自动播放；运行时切换静音须用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
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"></source></video>
错误写法包括：
-
<video autoplay></video>+ JS 设置muted <video autoplay muted="true"></video>-
<video autoplay></video>在DOMContentLoaded里才设muted
运行时切换静音只能用video.muted = false，removeAttribute没用
muted是IDL属性（JavaScript可写属性），不是纯HTML属性。removeAttribute("muted")只删DOM属性，不影响运行时状态；必须用赋值操作：video.muted = false才会同步音频通道。
解静音还必须满足用户手势条件：
- 只能在
click、touchstart、keydown等真实交互事件回调里执行 - 不能放在
setTimeout、load回调、或非交互事件中 -
video.play()要紧跟着video.muted = false，且必须.catch()捕获失败（比如因手势缺失）
iOS Safari上muted必须配合playsinline
即使写了muted和autoplay，iOS Safari仍会强制全屏播放，且某些版本下静音状态可能被忽略。不加playsinline，muted的实际效果等于零。
HTML中务必同时写：
<video autoplay muted playsinline></video>
JS中对应属性是video.playsInline = true（注意大小写，不是playsinline）。
别指望volume = 0替代muted：volume = 0是调低音量，不是静音；浏览器自动播放策略只认muted这个明确的用户意图信号。很多情况下，volume = 0依然会被拦截，而muted是唯一被广泛豁免的路径。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
