Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document

未捕获(承诺中)DOMException: play()失败,因为用户没有首先与文档交互。  

官方说的是为了移动端的带宽和仿扰民阻止了自动播放,只要用户在页面上有交互动作后,就可以自动播放了;

我这里 设置一个按钮, 按钮点击后触发自动播放

 js代码

$("#kaiqi").click(function () {
vMP3 = document.getElementById("myAudio");
vMP3.play();
});

html代码

<audio id="myAudio" controls>
<source src="6" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

<button id="kaiqi">开启</button>

 


拓展阅读

Chrome 66禁止声音自动播放之后