autoplay属性在现代浏览器中基本被禁用，必须配合muted且由用户手势触发play()才能成功；iOS Safari还需添加playsinline。
autoplay 属性在现代浏览器中基本被禁用
直接设置 autoplay 属性（如 ）已无法在大多数主流浏览器（Chrome、Edge、Safari、Firefox）中实现“加载即播”，除非满足严格条件。这是因为浏览器出于用户体验和带宽节省考虑，强制要求视频必须是“静音”且用户有过交互（如点击）或页面有媒体播放授权历史。
必须配合 muted 才可能自动播放成功
即使设置了 autoplay，若视频有声音，Chrome 等浏览器会静默拒绝播放，并在控制台报错：The request is not allowed by the user agent or the platform in the current context。解决路径只有一条：强制静音。
-
是最低可行配置 - JavaScript 中需显式设置
video.muted = true，再调用video.play() - 某些安卓 WebView 或旧版 Safari 还要求同时设置
playsinline（避免全屏）
用 JavaScript 调用 play() 时的常见失败原因
很多开发者以为只要加了 muted 就稳了，但实际仍常失败——根本原因是 play() 必须由用户手势（click/tap）触发的 Promise 链中调用，否则会抛出 DOMException: play() failed because the user didn't interact with the document first。
- 不能在
window.onload、DOMContentLoaded或定时器里直接调用play() - 推荐做法：绑定一次用户点击（哪怕只是空 div），在 handler 中调用
play()并移除监听 - 若需“尽可能早播”，可先设置
muted和preload="auto"，等用户首次点击后立即play()
移动端 Safari 的额外限制
iOS Safari 对自动播放最严格：即使 muted + 用户手势，若视频未设置 playsinline，仍会跳转全屏并中断自动流程；且不支持 preload="metadata" 以外的预加载级别。
- 必须加
playsinline属性： - 建议加上
webkit-playsinline兼容旧版 - 避免使用
loop或controls启动时干扰播放状态 - 首次播放后，后续调用
play()不再需要用户手势（可利用该特性做二次触发）
自动播放不是开关，而是浏览器与用户行为共同协商的结果；最容易被忽略的点是：**muted 不是可选优化项，而是硬性准入门槛；而用户手势触发 play() 不是“兼容写法”，是当前所有现代桌面/移动浏览器的强制要求。**
