首页 > 代码库 > HTML5添加背景音乐

HTML5添加背景音乐

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

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

可以考虑换成a标签

  1. <a href=http://www.mamicode.com/"#" 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://www.mamicode.com/"http://girls.iganlei.cn/baidupan/1125435669/4178294675.mp3">   
  9. </audio>  
  10. <input id="btn" type="button" onclick="musicPaused()" value=http://www.mamicode.com/"停止" />