15

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

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

任何人都可以在这方面帮助我。

4

4 回答 4

28

为此，您将需要 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();
});
于 2013-01-16T11:29:29.460 回答
10

只需将此代码复制并粘贴到您的 HTML 代码的正文部分。

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

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

于 2013-10-01T06:46:56.207 回答
3

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

$(文档).ready(函数()

单击按钮时使用 jQuery 播放音频文件

你在这里有答案（如果我没听错的话）

于 2013-01-16T11:21:47.060 回答
-1

对于重复的音调，请放置以下代码

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

一次，删除循环。那么应该是这样的

        <audio src="./audio/preloader.mp3" autoplay="autoplay"></audio>
于 2016-12-09T05:02:08.457 回答