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

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

原文：https://www.cnblogs.com/shemingxin/p/12582824.html