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

【问题标题】：auto pause mediaelement.js audio player when playing new track播放新曲目时自动暂停 mediaelement.js 音频播放器
【发布时间】：2011-04-03 12:17:44
【问题描述】：

使用 mediaelement.js 音频 - 当同一页面上有 2 个或更多音轨时，有谁知道如何或是否可以在播放另一个音轨时自动暂停 1 个音轨？（我想像一个播放/暂停切换属性）

这里有一个我正在谈论的使用 Flash 播放器的示例：http://stockmusicboutique.com/background 但想知道是否可以使用这个 html 5 播放器。

【问题讨论】：

标签： javascript mediaelement.js

【解决方案1】：

你可以这样做：

<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>

【讨论】：