如何在用户播放下一个音频时停止播放音频？

Question

我的网站上有几个音乐播放器，都来自与

相同的插件

<audio id="player2" src="//filename" type="audio/mp3" controls="controls"></audio> 

当用户播放来自其他播放器的音频时，我希望之前的音频播放器停止。 我是初学者，所以希望有一个简单的解释。

Answer 1

您需要收听play事件并在其他播放器上运行pause。

var audios = document.getElementsByTagName('audio'); // We get a list of all audio elements
audios.forEach(function(player) { 
  player.addEventListener('play', function() { // We listen for the `play` event on each player
    audios.forEach(function(player2) {
      if (player !== player2) { // we find other players which don't match the one that started
        player2.pause(); // we pause those other players
      }
    });
  });
});