muted是浏览器自动播放策略的“通行证”，必须与autoplay同时作为无值布尔属性写在HTML中，并配合playsinline和webkit-playsinline才能在iOS等移动端实现内联静音自动播放。
muted 是浏览器自动播放策略的“通行证”，不是音量开关——没它，autoplay 在 iOS 和 Chrome 移动版里基本等于摆设。
为什么只写 autoplay 视频却不播
现代浏览器（Safari 11+、Chrome 66+、Edge 79+）默认拦截所有“有声自动播放”。muted 的作用是向浏览器声明：“这个视频初始不发声”，从而触发静音自动播放通道。不加它，视频大概率加载完成但卡在第一帧，控制台可能静默失败，也可能报 DOMException: play() failed because the user didn't interact with the document first。
muted 必须是 HTML 属性，不能靠 JS 补
浏览器只在 HTML 解析阶段检查 muted 是否存在，来决定是否授予 autoplay 权限。JS 动态设置完全无效：
-
video.muted = true再调play()→ 大概率被拒 -
document.createElement('video')后再setAttribute('muted', '')→ 不被识别 - Vue/React 中用
:muted="true"渲染出muted="true"→ 值属性失效，必须是无值布尔属性
正确写法只有：<video autoplay muted></video> 或 <video autoplay muted=""></video>（空字符串可接受，但不要写 muted="false"，那反而会触发拦截）。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
立即学习“前端免费学习笔记（深入）”；
移动端必须搭配 playsinline 和 webkit-playsinline
iOS Safari 不仅要静音，还强制全屏播放——除非你明确告诉它“允许内联”：
-
playsinline是标准属性，iOS 10+ 支持 -
webkit-playsinline是旧版兼容写法，仍建议保留 - 缺任一者，即使
muted和autoplay都写了，iOS 上也会全屏弹出或静音失效 - 注意：JS 中对应属性是
video.playsInline = true（首字母大写），不是playsinline
容易被忽略的硬性依赖
muted 生效不是孤立的，它背后有一整套环境要求：
- 视频
src必须可访问且响应头含Content-Type: video/mp4和Accept-Ranges: bytes - iOS 要求视频在可视区域内——
opacity: 0、transform: scale(0)或display: none都可能导致静音策略回退 - iframe 嵌入时，父页面
<iframe>标签需带allow="autoplay" -
volume = 0完全不能替代muted：前者只是调低音量，后者才是浏览器认可的“用户接受静音”信号
真机测试时，别只看页面有没有画面——打开远程调试，盯紧 Network 面板的视频请求状态码和响应头，再看 Console 有无静默拒绝，才是定位问题的关键路径。
