[html5]实现js控制HTML5音乐播放器的暂停与播放

实现控制网站背景音乐的播放暂停在html5中是非常容易和简单的，仅仅几行代码即可实现。 

首先在网页中嵌入背景音乐，html5代码为：

<script src="http://wuover.qiniudn.com/jquery.js"></script> 
    <a class="mscBtn" id="audioBtn" title='最幸福的人' style="cursor:pointer;"></a> 
    <audio id="bgMusic" src="http://cctv3.qiniudn.com/zuixingfuderen.mp3" autoplay="autoplay"></audio> 

通过audio的id即可控制音乐的播放（play()）和暂停（pause()），同时通过改变class改变按钮的背景图片，js代码为（切记要引入jq库）：

$(function(){ 
var music = document.getElementById("bgMusic"); 
$("#audioBtn").click(function(){ 
if(music.paused){music.play(); 
$("#audioBtn").removeClass("pause").addClass("play"); 
}else{music.pause(); 
$("#audioBtn").removeClass("play").addClass("pause");}}); 
}); 

css样式为：

.pause {background-position: 0 bottom;} 
.mscBtn {height: 50px; 
background: #fff url(http://cctv2.qiniudn.com/musicbtn.png) no-repeat; 
display: block;} 

来源：http://www.mizuiren.com/327.html