Javascript 播放新曲目时自动暂停mediaelement.js音频播放器

Javascript 播放新曲目时自动暂停mediaelement.js音频播放器,javascript,mediaelement.js,Javascript,Mediaelement.js,使用mediaelement.js音频-是否有人知道当同一页面上有2个或更多音频曲目时,如何或是否可能在播放另一个曲目时自动暂停1个曲目?(我猜像播放/暂停切换属性) 这里有一个使用flash播放器的例子:但我想知道使用html 5播放器是否可行。您可以这样做: <audio src="track1.mp3" /> <audio src="track2.mp3" /> <script type="text/javascript"> // make an

使用mediaelement.js音频-是否有人知道当同一页面上有2个或更多音频曲目时,如何或是否可能在播放另一个曲目时自动暂停1个曲目?(我猜像播放/暂停切换属性)


这里有一个使用flash播放器的例子:但我想知道使用html 5播放器是否可行。

您可以这样做:

<audio src="track1.mp3" />
<audio src="track2.mp3" />

<script type="text/javascript">

  // make an array for the mediaelement players
  mediaElementPlayers = new Array();

  // run mediaelement.js
  $(document).ready(function(){
      $('audio').mediaelementplayer({
          success:function(mediaElement, domObject){

              // add this mediaelement to the mediaElementPlayers array
              mediaElementPlayers.push(mediaElement);

              // bind the play event to the pauseAllPlayers function
              mediaElement.addEventListener('play', function(e){
                  pauseAllPlayers(e.target); }
              )
          }
      })
  })    

  // iterate through the mediaElementPlayers array, pause all players except the one that triggered the event.
  function pauseAllPlayers(currentPlayer){
      for(i=0; i<mediaElementPlayers.length; i++){
          if(mediaElementPlayers[i] != currentPlayer){
              mediaElementPlayers[i].pause();
          }
      }
  }
</script>

//为mediaelement播放器制作一个数组
mediaElementPlayers=新数组();
//运行mediaelement.js
$(文档).ready(函数(){
$(“音频”).mediaelementplayer({
成功:函数(mediaElement、domObject){
//将此mediaelement添加到mediaElementPlayers数组
MediaElementPlayer.push(mediaElement);
//将播放事件绑定到pauseAllPlayers函数
mediaElement.addEventListener('play',函数(e){
pauseAllPlayers(e.target);}
)
}
})
})    
//迭代mediaElementPlayers数组,暂停除触发事件的玩家以外的所有玩家。
函数pauseAllPlayers(currentPlayer){
对于(i=0;i