在html中加载页面后播放音频

Question

我在html中插入了音频。但是音频在整个页面加载之前就开始了。我希望在加载整个页面后播放音频。

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

谁能帮我解决这个问题。

原文由 Priya Sunanthan 发布，翻译遵循 CC BY-SA 4.0 许可协议

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

原文由 Aioros 发布，翻译遵循 CC BY-SA 3.0 许可协议