在页面加载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

只需在HTML代码的正文部分复制并粘贴此代码即可。

<audio autoplay>
  <source src="song.mp3" type="audio/mpeg">
</audio>

并确保您的音频文件应位于同一文件夹中。

Answer 3

我认为您必须使用JS（jQuery）函数来准备文档

  

（文档）$。就绪（函数（）

Play an audio file using jQuery when a button is clicked

你有答案（如果我跟着你的话）

Answer 4

对于重复的音调，请输入以下代码

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

并且一次删除循环。那应该是这样的

        <audio src="./audio/preloader.mp3" autoplay="autoplay"></audio>