html5音乐自动播放代码,html添加背景音乐自动循环播放

　　这里还介绍了音乐的自动播放特性：

　　audio controls= controls autoplay= autoplay source src= song . ogg type= audio/ogg /source src= song . MP3 type= audio/mpeg /您的浏览器不支持audio元素。/audioautoplay属性指定音频一准备好就开始播放。

　　如果设置了该属性，音频将自动播放。

　　但在实际操作中，经常会遇到autoplay无法自动播放的现象，主要是部分浏览器或手机会屏蔽或不支持autoplay的属性。这里，我来介绍一下我的方法。

　　首先，html中的代码如下

　　audio id= music 1 controls= controls autoplay= autoplay preload id= music 1 hidden source src= music/BG music . MP3 //audio！-下面是音乐-img ID= BTN class= active src= img/music . png alt= /！-这里有一个可以控制背景音乐暂停的开关-js文件中使用了以下代码

　　var audio=document . getelementbyid( music 1 )；$(#btn )。bind(touchstart ，函数bf() {if(audio！==null) {//检测播放是否已经暂停。当播放器播放时，audio.paused返回false。/假。//alert(audio . paused)；if(audio . pause){ audio . play()；//audio.play()。//这是在玩$ (# BTN )。add class( active )} else { audio . pause()；//这是暂停$ (# BTN )。RemoveClass (active)}})。大部分安卓手机写到这里基本都能自动播放，苹果手机这个时候还是做不到。

　　这里，我使用了在加载页面添加按钮的方法。加载完成后，点击按钮，引导用户完成背景音乐的自动播放。代码如下：

　　$(html )。一个( touchstart ，函数(){ audio . play())；})到这里就可以自动播放背景音乐了。这种方法适用于已经加载页面，需要点击进入h5的项目。

　　总结

　　以上是边肖介绍的HTML5中背景音乐的自动播放功能。希望对你有帮助。如果您有任何问题，请给我留言，边肖将及时回复您。非常感谢您对网站的支持！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。