HTML5音频自动播放无法在chrome中工作



我的页面中有这样的html5音频

<audio src="assets/media/bgaudio.mp3" id="audio" autoplay type="audio/mpeg"></audio>

这是jQuery代码。

$(document).ready(function() {
$("#audio").get(0).play();
});

但是刷新页面时出现错误。

取消捕获(在promise中(DOMException:play((失败,因为用户没有首先与文档交互。https://goo.gl/xX8pDD

有解决问题的想法吗?

您需要放置preload属性以使其在chrome上工作。还要记住,用户必须与域交互才能使未静音的自动播放工作。

<audio controls autoplay preload>
<source src="assets/media/bgaudio.mp3" type="audio/mpeg">  
</audio>

只需执行

<audio controls autoplay>
<source src="assets/media/bgaudio.mp3" type="audio/mpeg">  
</audio>

最新更新