muted 是浏览器自动播放策略中允许静音视频无交互 autoplay 的合法标识符，必须与 autoplay 同时存在且在 play() 前设置，ios 需配合 playsinline，取消静音须待用户交互后执行。
muted 属性本身不是“绕过限制”的开关，而是浏览器自动播放策略中明确允许的合法通路——只要它存在，静音视频就能在无用户交互时 autoplay；没有它，有声视频哪怕加了 autoplay 也会被拒绝。
为什么 muted 是自动播放的通行证
Chrome、Firefox、Safari 和 Edge 都遵循同一套规则：自动播放仅在两种情形下放行——视频静音，或用户已触发过交互（click/touchstart 等）。muted 不是 hack，是标准定义的“静音标识符”，浏览器据此判定该媒体不构成干扰。
-
muted是布尔属性，写成muted或muted=""效果相同，无需赋值 - 必须与
autoplay同时出现，单独muted只静音不自动播 - iOS Safari 要求额外加
playsinline，否则仍会跳转全屏 - 服务端设置
Permissions-Policy: autoplay=()对主文档无效，别白费劲
JavaScript 动态设置 muted 的关键时机
用 JS 创建 video 元素时，muted = true 必须在调用 play() 之前完成，且不能靠后续修改补救。
- 错误写法：
video.play(); video.muted = true;—— 播放已被拒绝，静音无效 - 正确顺序：设置
src→ 设autoplay = true→ 设muted = true→appendChild→play() - 移动端某些场景（如 iOS）需监听
play事件再设muted，因首次手势后才允许操作音量相关属性 - 若用
setAttribute('muted', 'muted')，注意部分旧浏览器可能延迟生效，优先用属性赋值
静音 ≠ 永远无声：取消静音的合规路径
业务需要有声自动播放？唯一合规方式是等用户第一次交互后，再执行取消静音并继续播放。
- 监听
click或touchstart（避免用scroll，iOS 不认） - 在回调里设
video.muted = false，然后立即video.play() - 不要试图在
DOMContentLoaded或load里调用play()，99% 失败 - 若用户从未点过页面，
muted = false后调用play()仍会抛NotAllowedError
最易忽略的一点：静音状态变更（比如从 muted=true 切到 false）不会触发 mute 或 unmute 事件，只能靠监听 volumechange 并检查 muted 值来感知——这对同步独立音频轨道或更新 UI 图标很关键。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
