jquery,js-按钮控制音乐播放

实现点击按钮控制音乐的播放和暂停。默认为播放，若想默认不播放，修改audio的autoplay属性即可。

音乐,jquery.js及按钮的背景图片均为网上链接，你也可以下载到本地。

代码：

<html>

<head>
    <title>按钮控制播放音乐</title>
     <script src="http://wuover.qiniudn.com/jquery.js"></script>
</head>
<style type="text/css">
    .pause {background-position: 0 bottom;}
    .mscBtn {height: 50px;
    background: #fff url(http://cctv2.qiniudn.com/musicbtn.png) no-repeat;
    display: block;}
</style>
<script type="text/javascript">
$(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");}});
    });
</script>
<body>
    <a class="mscBtn" id="audioBtn" style="cursor:pointer;"></a>
    <audio id="bgMusic" src="http://cctv3.qiniudn.com/zuixingfuderen.mp3" autoplay="autoplay"></audio>
</body>

<html>

效果截图:

jquery,js-按钮控制音乐播放