提问者:小点点

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中)DomeException:play()失败,因为用户没有首先与文档交互。https://goo.gl/xX8pDD

有没有办法解决这个问题?


共2个答案

匿名用户

你需要把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>