どのように私はここで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/