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