网页实现背景音乐自动播放 代码

2024-03-27 0 1,033

移动端默认是禁止背景音乐自动播放的,很多需求都需要在页面加载完成的情况下同时出现背景音乐。基于微信的H5页面的音频自动播放的方法网上有很多教程,本次分享的只是一种思路!

<audio id="bgaudio" loop="loop" preload="auto" autoplay="autoplay">
<source src="音乐外链.mp3" type="audio/ogg" />
<source src="音乐外链.mp3" type="audio/mp3" />
</audio>
<script>
var bgaudio = document.getElementById('bgaudio');
function bgmusic(){
if(bgaudio.paused){
bgaudio.play();
$("#bgmusic").addClass("sping");

}else{
bgaudio.pause();
$("#bgmusic").removeClass("sping");
}
}

</script>
<script>
var audio=document.querySelector("#bgaudio");
document.addEventListener("WeixinJSBridgeReady",function(){
audio.play();
},false);
</script>

郑重声明:
1.本站所有源代码资源数据均来自互联网,如无特殊说明或标注,版权归原作者所有,我们仅提供测试使用,请在下载后24小时内删除
2.下载后请第一时间查杀后门以及病毒文件,本站已经安全检测过,不能保证查的彻底。
3.任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。
4.如若本站内容侵犯了原作者的合法权益,可联系我们进行处理
5.如果源码功能,完整性,使用操作等特殊原因未能满足您,请多担待.我们不作任何承诺,也不保证100%可用,本站也尽最大能力搜集一些完整的源码进行整理测试发布.购买或者下载后,不支持任何退款理由,谢谢合作!
6.本站所有资源都来自互联网,我们只负责整理分享,如果您的要求非常高,请找专业的网站开发公司!

521源码 实用技巧教程 网页实现背景音乐自动播放 代码 https://www.111685.com/shipinsucai/shipin/6243.html

Avatar photo

一个只做精品源码资源整合的搬运工!

常见问题
  • 本站所有资源素材,源代码均来自网络,如果某一套代码完整性并未满足您,请勿责怪,下载其他尝试,部分残缺的源码,只适合学习用!
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议重新下载即可!
查看详情

相关文章

发表评论
暂无评论