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

Question

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

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

我什至在播放前检查了 src 是否存在，使用 console.log(element) 显示带有 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);

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

HTML audio element not playing on first time?