ios上video加muted仍不自动播放，因需同时满足muted=""、playsinline、autoplay且由用户手势触发；必须在html中显式声明属性，避免js动态添加或立即调用play()。
为什么iOS上video加了muted还不自动播放？
因为iOS Safari对自动播放有更严的限制：仅当同时满足muted + playsinline + 用户手势触发前未播放过时，才允许静音自动播放。漏掉playsinline，视频就会在全屏播放器中打开，且拒绝自动开始。
-
playsinline必须显式写在标签里，不能靠JS动态添加（iOS 10+才支持该属性，旧版无效） -
muted要带值——写成muted="muted"或muted=""都行，但muted单独存在也生效；不过某些iOS版本对布尔属性解析不稳定，建议写muted="" - 即使属性齐全，如果页面加载后立即调用
play()（比如在DOMContentLoaded里），仍可能被拦截——得等canplaythrough事件后再调
HTML里怎么写才算“iOS友好”的自动播放video？
直接在video标签上声明关键属性，不依赖JS补救：
<video autoplay muted="" playsinline src="example.mp4"></video>
-
autoplay必须存在，否则iOS无视其他属性 -
muted=""比muted更稳妥，避免某些WKWebView解析歧义 -
playsinline不能省略引号（虽然HTML5允许无值属性，但部分iOS版本要求显式存在） - 不要加
controls——有控制条时iOS会禁用自动播放，哪怕静音
JS调用play()失败时该怎么排查？
常见错误是拿到video元素就立刻.play()，但iOS要求播放请求必须由用户手势（如click、touchstart）同步触发，且不能跨事件循环。
- 错误写法：
setTimeout(() => video.play(), 100)→ 被拒，非手势上下文 - 正确做法：绑定
click事件，在回调里直接调video.play()，中间不能有await或Promise链断开 - 若需预加载后播放，先调
video.load()，等canplaythrough后再在手势回调里play() - 捕获错误：
video.play().catch(e => console.log("iOS autoplay blocked:", e.name))，典型报错是NotAllowedError
安卓和桌面端要不要加playsinline？
可以加，但没副作用——Chrome Android、Firefox、Edge都忽略该属性，只当普通HTML属性；Safari桌面版支持但不强制，加了更统一。
- 不加也不会报错，但为了代码一致性，建议所有
video标签统一带上playsinline - 注意：某些安卓微信内置浏览器（X5内核）会把
playsinline当成无效属性，但不影响静音自动播放逻辑 - 如果项目要兼容老iOS（poster图+点击再播放，因为
playsinline在iOS 9及以下不生效
真正卡住的点往往不是属性漏写，而是播放时机脱离了用户手势上下文——这点在iOS上没法绕过，得从交互流程里重新设计触发点。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
