html5 audio 给博客 网页加背景音乐 自动播放

html5 audio 给博客 网页加背景音乐 可以加上个按钮或者链接 让其可停止或暂停

下面代码只是暂停 可以弄成暂停 播放两种状态切换。。

可以考虑换成a标签

  1. <a href="#" onClick="musicPaused()">停止</a>  
  1. <script type="text/javascript">   
  2. function musicPaused() {   
  3. var music = document.getElementById("clickSound");  
  4. music.pause();   
  5. }  
  6. </script>   
  7. <audio id="clickSound" autoplay="autoplay">   
  8. <source src="http://girls.iganlei.cn/baidupan/1125435669/4178294675.mp3">   
  9. </audio>  
  10. <input id="btn" type="button" onclick="musicPaused()" value="停止" />   

需要用css美化下

示例页面
http://www.iganlei.cn/tool/bgaudio.html

未经允许不得转载:ganlei的个人博客 » html5 audio 给博客 网页加背景音乐 自动播放

赞 (3)
分享到:更多 ()