我的页面中有这样的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>