chrome浏览器不支持audio和video标签的autoplay自动播放

IOS/Android不支持video的autoplay,PC端的safari也在2017年的safari 11版本中禁止带声音的多媒体自动播放功能,然后Chrome在2018年4月份发布的66版本也关掉了声音自动播放,也就是说HTML5的audio和video标签autoplay属性在一般网页端基本算是废的。要想网页端让autoplay生效,可以让用户自己设置自己的浏览器,允许带声音的多媒体自动播放。

设置方法:

1、在chrome浏览器地址栏中输入:chrome://flags
2、搜索“Autoplay policy”,默认为“Default”,修改为 “No user gesture is required” 就可以了

由于audio.play()必须要在交互事件中才能使用,于是项目中,我的解决方案是当用户触发滑动事件时,audio自动播放

window.addEventListener("touchstart", function() {
            audio.play();
})

猜你喜欢

转载自www.cnblogs.com/shemingxin/p/12582824.html