admin管理员组

文章数量:1538748

音频audio和视频video无法自动播放这个在IOS上面一直是个惯例。

桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在2018年4月份发布的Chrome 66开始也正式关掉了声音自动播放，也就是说在Safari、Chrome、opera浏览器中音频audio和视频video自动播放功能都将失效。

解决方案一

在chrome 浏览器中输入：chrome://flags，搜索“Autoplay policy”，默认为“Default”，修改为 “No user gesture is required” 就可以了。

解决方案二

muted静音的自动播放总是被允许的。

解决方案三

用户已经产生交互(点击触摸滑动等..) ，而不是说一定要用户点击audio或者video去播放。

其它唠叨

不直接使用autoplay进行自动播放。使用play()方法播放。video.play()和audio.play()都返回promise。未禁止的播放完后会resolve，禁止的会reject。/**video.play()返回一个promise，未禁止则resolve，禁止则reject**/

let video = document.getElementById("video");

let audio = document.getElementById("audio");

let videoPlay = video.play();

let audioPlay = audio.play();

videoPlay.then(()=>{

console.log('可以自动播放&

本文标签： 自动播放浏览器不支持解决方案标签

版权声明：本文标题：html5视频自动播放兼容谷歌浏览器,chrome浏览器不支持audio和video标签的autoplay自动播放解决方案... 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1726982104a1092915.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。