muted 必须作为布尔属性直接写在 video 标签中并与 autoplay 同时使用，单独存在或 js 动态设置均无效；ios 需额外添加 playsinline 属性才能避免强制全屏。
muted 必须写在 HTML 标签里，不能靠 JS 后设——这是自动播放能跑通的硬门槛，不是可选项。
video 标签里直接写 muted 就生效
它是个布尔属性，存在即 true，不需要写 muted="true" 或 muted="muted"。但注意：muted 单独出现没用，必须和 autoplay 一起用，否则浏览器不会触发自动播放逻辑。
- ✅ 正确：
<video autoplay muted src="a.mp4"></video> - ❌ 错误：
<video autoplay muted="false"></video>（这反而让 muted 失效） - ❌ 错误：
<video autoplay></video>+ JS 动态设video.muted = true（多数现代浏览器会拒绝）
JS 动态设 muted 只能在用户手势内操作
比如点击按钮后取消静音，这时才允许调用 video.muted = false。但必须满足两个条件：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 操作必须发生在
click、touchstart、keydown等真实用户交互事件回调中 -
video.muted = false和紧跟着的video.play()要写在同一个事件处理函数里，并且加.catch()捕获失败 - 别用
removeAttribute("muted")—— 这只删 DOM 属性，不影响运行时状态；必须赋值：video.muted = false
iOS 上不加 playsinline，muted 白搭
iOS Safari 默认强制全屏播放，即使写了 autoplay muted，也会跳转全屏、甚至忽略静音状态。必须同时加 playsinline：
- ✅ HTML 写法：
<video autoplay muted playsinline src="a.mp4"></video> - ✅ JS 写法：
video.playsInline = true（注意大小写，不是playsinline） - ⚠️
playsinline只对 iOS 有效，安卓/桌面端忽略它，但加上无害 - 旧版微信（7.0.5 以前）可能还要加
x5-video-player-type="h5-page"，现在基本不用了
别用 volume = 0 替代 muted
volume = 0 是调低音量，不是声明“我接受静音”。浏览器自动播放策略只认 muted 这个明确的用户意图信号：
-
video.volume = 0在 iOS Safari 中根本无效（返回值始终是 1） - 某些系统仍可能输出极低音频，而
muted = true是唯一被广泛豁免的路径 -
muted和volume可共存，但muted = true会覆盖volume设置
最常被忽略的一点：muted 的核心价值不在静不静音，而在让视频获得播放资格——哪怕你后续立刻设 muted = false，也得先靠它把 play() 跑通。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
