我如何使用jQuery暂停/播放音频

Question

这是我在object标签中的音频:

<object id="music" data="music.mp3">
    <param name="autoplay" value="true" />
    <param name="loop" value="true" />
</object>

我希望能够暂停/播放音频与一对a标签:

<div id="music-on-off">Music: 
    <a href="#" id="music-on">On</a> | <a href="#" id="music-off">Off</a>
</div>

你能告诉我jQuery是怎么做的吗?

Answer 1

使用<audio>元素，.play(), .pause()

html

<audio src="music.mp3" autoplay loop></audio>
<div id="music-on-off">Music: 
    <a href="#" id="music-on">On</a> | <a href="#" id="music-off">Off</a>
</div>

javascript

 $(function() {
   var audio = $("audio")[0];
   var controls = {
     "music-on": "play",
     "music-off": "pause"
   };   
   function playPause(e) {
     e.preventDefault();
     audio[controls[this.id]]()
   }
   $("#music-on, #music-off").click(playPause);
 });

jsfiddle http://jsfiddle.net/j3eL1nL8/1/