真正原因是浏览器策略要求“用户交互或媒体静音”二者至少满足其一；必须同时声明autoplay和muted属性（muted须为HTML布尔属性），并补充playsinline以确保内联播放，JS动态设muted不触发autoplay权限。
video 自动播放被浏览器阻止的真正原因
Chrome、Safari 等现代浏览器默认禁止 autoplay，**不是因为你没写 muted，而是因为策略要求「有用户交互或媒体静音」二者至少满足其一**。单纯加 autoplay 属性（如 <video autoplay>）在多数桌面/移动环境会静默失败，控制台可能不报错，但视频根本不会启动。
必须同时写 muted 和 autoplay 才有效
这是硬性组合：只有 muted 为真时，autoplay 才被允许执行。注意两点：
-
muted是布尔属性，写成muted或muted=""都行，但不能写muted="false"—— 这样浏览器仍视为已静音 -
autoplay同理，不能依赖 JS 后续调用play()来绕过，除非该调用发生在用户点击等明确交互回调中 - 部分安卓 Chrome 要求还额外加上
playsinline，否则可能全屏强制弹出
正确写法示例：
<video autoplay muted playsinline src="demo.mp4"></video>
为什么加了 muted 还不自动播？常见漏点
即使写了 muted，以下情况仍会导致失败：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
- 视频资源 404 或跨域未配
CORS（尤其用fetch加载 blob URL 时，需确保响应头含Access-Control-Allow-Origin: *） - 服务器未正确设置
Content-Type（如返回text/plain而非video/mp4），某些浏览器会直接拒播 - 使用
preload="none"且未手动触发load()，导致元数据未加载，play()调用被拒绝 - 在 iOS Safari 中，
<video>必须位于可视区域且无 transform 缩放（例如scale(0.99)也会触发静音策略回退）
muted 属性和 JS 控制静音的区别
muted 是初始渲染时的策略开关，影响 autoplay 资格；而 JS 设置 video.muted = true 是运行时行为，**不恢复 autoplay 权限**。例如：
const v = document.querySelector('video');
v.muted = true; // 不触发自动播放
v.play(); // 仍可能被拒绝，因非用户手势触发
所以关键逻辑是：需要自动播 → HTML 里写死 muted + autoplay；需要后续切音 → 再用 JS 改 muted 值。
最易被忽略的是：开发时在 localhost 测试成功，上线后因 CDN 或反向代理丢失响应头或重写 MIME 类型，导致静音策略失效 —— 这类问题不会报 JS 错误，只表现为“页面加载完视频黑屏不动”。
