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();
})


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM