html - ページが html にロードされた後にオーディオを再生する

Question

オーディオをhtmlに挿入しました。ただし、ページ全体が読み込まれる前にオーディオが開始されます。ページ全体が読み込まれた後にオーディオを再生したい。

<audio src="bg.mp3" autoplay="autoplay" loop="loop"></audio>

誰でもこれで私を助けることができますか？

Answer 1

そのためには JavaScript が必要になります。autoplay属性を削除します。

<audio id="my_audio" src="bg.mp3" loop="loop"></audio>

次のようなスクリプトを追加します。

window.onload = function() {
    document.getElementById("my_audio").play();
}

または、jQuery を使用する場合:

$(document).ready(function() {
    $("#my_audio").get(0).play();
});

Answer 2

ドキュメントを準備するには、JS（jQuery）関数を使用する必要があると思います

$(document).ready(function()

ボタンがクリックされたときに jQuery を使用してオーディオ ファイルを再生する

ここに答えがあります（私があなたを正しくフォローしている場合）