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

在html中加载页面后播放音频,html,Html,我在html中插入了音频。但是音频在整个页面加载之前就开始了。我希望音频在整个页面加载后播放 <audio src="bg.mp3" autoplay="autoplay" loop="loop"></audio> 有人能帮我吗。我想你必须使用JS(jQuery)函数来准备文档 $(文档).ready(函数() 您已经在这里找到了答案(如果我没有听错的话)您需要JavaScript来完成此操作。请删除自动播放属性: <audio id="my_audio"

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

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

有人能帮我吗。

我想你必须使用JS(jQuery)函数来准备文档

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


您已经在这里找到了答案(如果我没有听错的话)

您需要JavaScript来完成此操作。请删除
自动播放属性:

<audio id="my_audio" src="bg.mp3" loop="loop"></audio>
或者,如果您使用jQuery:

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

只需将此代码复制并粘贴到HTML代码的主体部分

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


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

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

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

有一次,去掉这个循环,然后应该是这样的

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


如果音频文件在其他地方怎么办?怎么办?我收到了这个错误:
doException:play()失败,因为用户没有首先与文档交互。
@knowledgeseek您收到了这个问题,因为浏览器阻止了自动播放。您可以在错误中找到更多信息:
Uncaught(承诺中)DomeException
。当我在控制台中手动执行
play()
时,它工作正常。我的解决方案是增加5秒延迟,是否有人能更好地解决
DomeException
错误?@thdoan你修复了Dom异常问题吗?@StefansArya 5秒对我不起作用……我认为这是不可能的
        <audio src="./audio/preloader.mp3" autoplay="autoplay"></audio>