muted属性需与autoplay配合才能绕过浏览器自动播放限制实现静音，单独使用无效；其为布尔属性，推荐简写为muted；与volume=0不同，muted是声明式且能重置音频状态，而后者无法绕过策略限制。
HTML5 标签的 muted 属性能直接让视频静音，但必须配合 autoplay 才能在多数现代浏览器（Chrome、Edge、Safari）中生效，否则会被策略拦截。
为什么加了 muted 还是没静音？
常见原因是浏览器自动播放策略：未用户交互（如点击）前，禁止有声音的媒体自动播放。即使写了 muted，若写法不规范或时机不对，仍可能失败。
-
muted是布尔属性，写成muted="muted"或muted=""都合法，但推荐简写为muted - 必须和
autoplay同时存在，单独muted不触发静音播放逻辑 - 某些安卓 WebView 或旧版 Safari 对
muted支持不稳定，需测试真机
muted 和 JS 动态设置 volume = 0 的区别
muted 是 HTML 属性，声明式控制；volume = 0 是 JS 属性，命令式控制。二者行为不等价：
-
muted能绕过自动播放限制，volume = 0不能 -
muted会重置音频输出状态，用户后续调用play()时仍保持静音；volume = 0只是把音量设为 0，音频轨道仍处于“启用”状态 - 部分浏览器（如 iOS Safari）在页面加载后首次调用
play()前，必须已设置muted，否则报错NotAllowedError: play() can only be initiated by user gesture
正确写法与兼容性兜底建议
最稳妥的初始化方式是 HTML 中声明 autoplay + muted，并在 JS 中监听 canplay 后再显式调用 play()，避免因加载顺序导致失效。
立即学习“前端免费学习笔记（深入）”；
-
playsinline和webkit-playsinline是 iOS 必需属性，否则视频会全屏播放 - 务必用
.catch()捕获play()失败，不要假设一定成功 - 如果业务允许，优先用
muted+autoplay，而非 JS 控制音量——前者是浏览器策略白名单，后者不是
真正容易被忽略的是：哪怕加了 muted，如果视频源本身没有音频轨道（比如纯画面 MP4），muted 也毫无意义；而有些编码工具导出的视频看似无声，实则含静音音频流，这时 muted 才起作用。
