必须彻底移除autoplay属性而非设为false，因iOS Safari等平台仅检测属性存在与否；模板中禁用任何autoplay相关写法，改用preload="metadata"并避免v-if外的动态绑定。
直接设 autoplay="false" 就行，但多数情况下你真正遇到的不是“关不掉”，而是“明明写了 false 却还在播”——这通常是因为平台策略或 Vue 响应式机制干扰导致的伪自动播放。
为什么 autoplay="false" 有时没用
常见错误现象：video 组件加了 autoplay="false"，但页面一打开视频还是立刻开始加载甚至播放（尤其在 H5 微信环境或 App 端）。
- 根本原因不是属性写错，而是部分平台（如 iOS Safari、X5 内核）会忽略
autoplay的布尔值，只认是否存在该属性——只要 DOM 上有autoplay这个 attribute，不管值是 true 还是 false，都可能触发预加载甚至播放 - Vue 模板里写
:autoplay="false"是动态绑定，编译后可能仍保留 attribute，等效于autoplay="" - 某些安卓 WebView（如华为、小米定制内核）对 autoplay 属性处理不一致，静态写死
autoplay也会被误判
正确关闭自动播放的写法
必须从 DOM 层面彻底移除 autoplay 属性，不能靠赋值 false。
- 模板中**不要写任何 autoplay 相关内容**：
<video :src="url" muted controls></video>—— 连autoplay字样都别出现 - 如果需要条件控制（比如“仅首次播放时自动”），用
v-if切换整个组件，而不是改autoplay值 - 避免使用
preload="auto"，它会触发静默下载，造成首帧卡顿或资源浪费；改用preload="metadata"或干脆不写
App 和小程序端额外要防的坑
即使 DOM 层面清除了 autoplay，某些端仍会因上下文行为“意外播放”：
- iOS App 端：如果 video 组件挂载时
muted="true"且页面刚获得焦点，系统可能主动调用 play() —— 解决方案是在onReady后手动调用videoContext.pause()并 catch 错误 - 微信小程序：
createVideoContext创建后，若未显式 pause，部分版本会在 onShow 时恢复播放 —— 建议在onShow中加this.videoContext.pause() - Android X5 内核：即使没 autoplay，
x5-video-player-type="h5-page"可能启用轻量播放器并默认启动 —— 若不需要，直接删掉这个属性
最稳妥的关闭方式，就是让 video 标签从一开始就不带任何暗示“可自动”的属性，连 preload 都保持默认 none。很多问题其实不是播放逻辑没关掉，而是预加载行为被当成了播放。
