admin管理员组

文章数量:1530035

比较常规的做法是，为video标签设置muted属性，使它静音，这样视频就能自动播放了，但是没有声音。然后待用户在网页上有了任意触发后，再将muted去掉。或者让用户手动去打开音频（腾讯视频就是这样做的）。

<video autoplay muted></video>

document.body.addEventListener('mousedown', function(){

vdo.muted = false;

}, false);

Chrome浏览器虽然对video标签和audio标签做了非常严格的限制，但它对另一个同样能播放音频和视频的标签iframe的限制却没那么严格。那么我们是否可使用iframe来触发权限呢？

<video></video>
<iframe allow="autoplay" style="display:none" src="一个空的音频文件"></iframe>

ifm.onload = function(){vdo.src = 'YOUR_VIDEO_URL';
vdo.oncanplay = function(){

vdo.play();

};};

将iframe的src属性指向一个音频文件，使它播放音频。为了给用户比较好的体验，这个音频文件最好是一个空的音频文件，即没有音频内容的文件，时长也尽可能短一点，比如500ms。

Note：其他场景：如果想直接在 Google 的 Chrome 浏览器上实现音频自动播放，那么可对浏览进行配置（可解决当前电脑 Chrome 浏览器的这一问题）：

在浏览器输入： chrome://flags/#autoplay-policy ，将第一个配置项 Autoplay policy ，设置为 no user gesture is required ，重启浏览器生效

本文标签： 自动播放浏览器音频视频chrome

版权声明：本文标题：Chrome浏览器无法自动播放音频视频 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1726732238a1082379.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。