天天看点

HTML5添加背景音乐

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

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

可以考虑换成a标签

<a href="#" onClick="musicPaused()">停止</a>  

<script type="text/javascript">   

function musicPaused() {   

var music = document.getElementById("clickSound");  

music.pause();   

}  

</script>   

<audio id="clickSound" autoplay="autoplay">   

<source src="http://girls.iganlei.cn/baidupan/1125435669/4178294675.mp3">   

</audio>  

<input id="btn" type="button" onclick="musicPaused()" value="停止" />