iframe嵌视频/音频自动发声需父页iframe标签显式设置allow="autoplay"，且无空格或多余分号；第三方平台需加autoplay=1&mute=1参数；自托管页面应监听canplay后在用户交互中调用play()并取消muted；ios safari还需video标签同时含playsinline和webkit-playsinline。
iframe里嵌的视频/音频自动发声？先看allow属性配没配对
iframe默认是禁止子页面调用play()的，哪怕子页写了autoplay，也会被静音拦截。关键不是子页怎么写，而是父页的iframe标签是否显式授权。必须加allow="autoplay"，否则iOS Safari、Chrome 70+、Edge等都会直接拒播。
常见错误是只写allow="fullscreen"或漏掉allow，甚至写成allow="autoplay; encrypted-media"但中间多了一个空格——浏览器会整个忽略该值。正确写法只有：allow="autoplay"（无空格、无多余分号）。
子页面有声音但父页想强制静音？用mute=1参数最稳
如果子页是YouTube、Vimeo这类第三方视频服务，不能改它的HTML，那就靠URL参数控制。YouTube需加&mute=1，Vimeo加&mute=1，Bilibili加&mute=1（注意是&不是&，HTML中要转义）。
这些参数必须和autoplay=1一起出现才生效，单独mute=1无效。例如：https://www.youtube.com/embed/xxx?autoplay=1&mute=1。
不推荐用JS在父页监听子页postMessage再设muted——跨域iframe无法访问子页DOM，且时机难控，99%会失败。
自己托管的子HTML页面？别依赖autoplay，改用muted + 用户交互触发
如果你能控制子页代码，就别指望autoplay起作用。现代浏览器策略下，唯一可靠路径是：<video muted autoplay></video> + JS监听canplay后调play()，再等用户点击才muted = false。
注意三点：
-
muted必须是无值布尔属性，写成muted="true"或muted="muted"都无效 - 不要在
DOMContentLoaded里就play()，得等canplay或canplaythrough事件 - 解除静音（
muted = false）必须绑定在真实用户事件回调里，比如按钮click，否则仍抛NotAllowedError
iOS Safari特别坑：playsinline和webkit-playsinline一个都不能少
在iPhone上，即使muted和autoplay都对了，视频也可能全屏弹出或直接卡住。必须给video标签同时加两个属性：playsinline和webkit-playsinline。
只加一个没用。Safari 10+认playsinline，但某些旧版iOS WebView只认webkit-playsinline。二者并存是最小兼容方案。
另外，如果子页视频没有音频轨道（比如纯画面监控流），muted会失效，浏览器认为“无声=无需权限”，反而可能拒绝播放——这时得补一个无声音频轨道，或换用AudioContext合成静音帧。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
