现代浏览器禁用非静音视频autoplay是因2017–2018年起实施的autoplay策略：仅muted+playsinline、用户交互后调用play()或站点手动启用允许时才生效；未静音且无手势则直接拒绝。
现代浏览器基本都禁用了非静音视频的 autoplay，这不是你的代码写错了，而是策略变了。
为什么 autoplay 在 Chrome/Firefox/Safari 里不生效？
主流浏览器从 2017–2018 年起陆续实施「 autoplay policy 」：只有满足以下任一条件，autoplay 才会被允许：
- 媒体已设置
muted（静音）且playsinline（iOS 必需） - 用户已与页面有交互（如点击、触摸），之后再调用
play() - 用户在浏览器设置中为该站点手动启用了「允许自动播放」（极少数）
未静音 + 无用户手势 → 浏览器直接拒绝播放，控制台通常会报类似错误：The request is not allowed by the user agent or the platform in the current context。
如何让视频真正自动播放（含声音）？
唯一可靠路径是「先静音自动播，再等用户交互后取消静音并继续」。注意不能在 DOMContentLoaded 或 load 时直接 unmute().play()，必须绑定到真实用户事件上：
立即学习“前端免费学习笔记（深入）”；
<video id="myVideo" muted autoplay playsinline> <source src="video.mp4" type="video/mp4"> </video> <button id="unmuteBtn">点我开启声音</button>
unmuteBtn 点击后执行：
const video = document.getElementById('myVideo');
document.getElementById('unmuteBtn').addEventListener('click', () => {
video.muted = false;
video.play().catch(e => console.warn('解除静音失败:', e));
});
关键点：
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
playsinline属性对 iOS Safari 是硬性要求，缺了就全屏播放且不自动 -
play()返回 Promise，必须处理 reject，否则静音解除失败时毫无提示 - 不能依赖
setTimeout或定时器模拟用户交互——浏览器识别的是真实事件流
服务端或构建时能绕过限制吗？
不能。这是客户端策略，与服务器响应头、CDN 配置、HTTP/2 或 TLS 版本完全无关。有人试过加 crossorigin、改 Content-Type、甚至用 Blob URL，都没用。
唯一例外是某些 WebView 场景（如 Cordova、Electron），可通过配置启用宽松策略，但普通网页环境无解。
别在 preload="auto" 或 loading="eager" 上找补救——它们只影响加载行为，不改变播放权限。
移动端特别要注意什么？
iOS Safari 对 autoplay 最严格：
- 必须同时带
muted、autoplay、playsinline三个属性 - 视频尺寸不能为 0×0 或被
display: none隐藏，否则即使属性齐全也播不了 - 部分 Android WebView（尤其旧版）会忽略
playsinline，强制全屏，此时需额外 JS 检测并 fallback
建议用 video.readyState 和 video.paused 做状态判断，而不是只靠 canplay 事件。
最常被忽略的一点：有些 CMS 或低代码平台生成的 HTML 会把 muted 渲染成 muted="false"，这在布尔属性语义里等于 true —— 浏览器仍认为已静音；但若写成 muted="muted" 或仅 muted，才符合规范。检查渲染后的 DOM，别只信源码。
