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