我的页面里有这样的html5音频
<audio src="assets/media/bgaudio.mp3" id="audio" autoplay type="audio/mpeg"></audio>
这是jQuery代码。
$(document).ready(function() {
$("#audio").get(0).play();
});
但是刷新页面时出现错误。
未捕获(promise中)DomeException: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>