HTML音频元素第一次没有播放？

Question

我在我的一个项目中使用 html audio 元素，一旦按下播放按钮，我就会使用 VueJS 动态加载元素的 src。

一切似乎都很好，但是当我第一次按下按钮时，音频没有播放。我必须再次单击播放按钮才能开始播放。我怎样才能解决这个问题？

我什至在播放之前使用 console.log(element) 检查了 src 是否存在，它显示了带有 SRC 的音频。

但第一次尝试时并没有播放。

我的代码如下所示。

var player = document.getElementById('player');
console.log(player)
if(player.src != ""){
    player.play();
};

我该如何解决这个问题？谢谢。这很烦人。

Answer 1

这应该会有所帮助

var player= document.getElementById('player');

player.addEventListener('canplaythrough', function() { 
   player.play();
}, false);

还要确保按下按钮时触发事件。