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

我在我的一个项目中使用htmldio元素，一旦按下Play按钮，我就使用VueJS动态加载该元素的src。

一切似乎运行正常，但当我第一次按下按钮时，音频不会播放。我必须再次点击播放按钮才能让它开始播放。我如何修复此问题？

我甚至在播放之前通过使用console.log(元素)检查了src是否在那里，它显示了src与src的音频。

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

我的代码如下所示。

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

我如何修复此问题？谢谢。太烦人了。

---

解决方案

这应该会有帮助

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

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

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