HTMLオーディオ要素が初めて再生されませんか？

Question

私は、再生ボタンを押すと、VueJSを使用して要素のsrcを動的にロードする私のプロジェクトの1つにhtml オーディオ要素を使用しています。

すべてうまくいくようですが、最初にボタンを押すと音声が再生されません。再生を開始するには、もう一度再生ボタンをクリックする必要があります。これをどうすれば解決できますか？

SRCで音声を表示するconsole.log（要素）を使用して再生する前に、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); 

はまた、あなたがボタンを押したときにイベントをトリガされていることを確認するに役立つはずです。