如何從用jQuery

Question

停止播放其它音頻元素我有一個HTML頁面上的多個默認HTML5音頻播放器。當你播放一個文件然後播放另一個文件時，我試圖做到這一點。第一個文件將暫停。

我開始和如下創造了一個功能：

allAudioEls = $('audio'); 

    function pauseAllAudio() { 
     allAudioEls.each(function() { 
      var a = $(this).get(0); 
      a.pause(); 
     }); 
    } 

什麼下一步？

Answer 1

我認爲這是你在找什麼： JsFiddle link

HTML：

<audio id="audio" controls> 
</audio> 
<audio id="audio1" controls>  
</audio> 

的Javascript：容易使用jQuery

$("audio").each(function(){ 
    $(this).bind("play",stopAll); 
}); 

function stopAll(e){ 
    var currentElementId=$(e.currentTarget).attr("id"); 
    $("audio").each(function(){ 
     var $this=$(this); 
     var elementId=$this.attr("id"); 
     if(elementId!=currentElementId){ 
      $this[0].pause(); 
     } 
    }); 
} 

Answer 2

多數民衆贊成。下面是音頻和視頻的示例

$("audio").on("play", function() { 
    var id = $(this).attr('id'); 

    $("audio").not(this).each(function(index, audio) { 
     audio.pause(); 
    }); 
}); 

$("video").on("play", function() { 
    var id = $(this).attr('id'); 

    $("video").not(this).each(function(index, video) { 
     video.pause(); 
    }); 
});