2016-09-02 4 views
1
mit

Hier mein Audio in einem object-Tag ist:Wie kann ich Pause/Play Audio-jQuery

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

Ich mag den Ton der Lage sein, Pause/Wiedergabe mit einem paar a tags:

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

Können Sie mir sagen, die jQuery dies zu tun?

Antwort

1

Verwendung <audio> Element, .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/