Fork me on GitHub

html添加mp3背景音乐全兼容办法

     做小项目的时候遇到的,ie支持embed标签,firefox和谷歌都不支持,而且ie里面载入的音乐是循环播放的,谷歌和火狐浏览器只能播放一次,找了插件,试了object加载swf的方法,都不能解决,最后用的html5的audio标签解决了ie,火狐,谷歌都能循环播放的问题,记录一下。

      <audio src="xx/xx/music.mp3" autoplay="true" loop="-1"></audio>

      下面是详细介绍

      使用HTML5.0的标签:
<audio src="image/pic/youmei.mp3" autoplay="true" playcount="-1"></audio>

属性的具体说明如下:

属性          值                         描述 
autoplay true | false            如果是 true,则音频在就绪后马上播放。 
controls true | false            如果是 true,则向用户显示控件,比如播放按钮。 
end      numeric value           定义播放器在音频流中的何处停止播放。默认地,声音会播放到结尾。 
loopend  numeric value           定义在音频流中循环播放停止的位置,默认是 end 属性的值。 
loopstart numeric value          定义在音频流中循环播放的开始位置。默认是 start 属性的值。 
playcount numeric value          定义音频片断播放多少次。默认是 1。 
src          url                 所播放音频的 url。 
start       numeric value        定义播放器在音频流中开始播放的位置。默认地,声音在开头进行播放。 

 

具体可参看http://www.w3school.com.cn/html5/html5_audio.asp

posted @ 2013-11-27 10:49  wanglan  阅读(3185)  评论(0编辑  收藏  举报