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);

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