多个音频，当前正在播放 javascript 时自动停止其他音频

Question

我在 html5 页面上有超过 5 个带有 audioplayer.js 的音频播放器。

有没有人有一个简单的 js 脚本来在当前播放器播放时暂停所有其他播放器？

jQuery:

$( function(){
   $("audio").audioPlayer();
});

图书馆

https://osvaldas.info/examples/audio-player-responsive-and-touch-friendly/audioplayer.js

我试过如下

window.player = $('audio')[0];
$('.audioplayer-playpause').click(function () {
    if (player.paused) {
        player.play();
    } else {
        player.pause();
    }
});

我制作了一个 jsFiddle 来缓解一些事情，下面是 link:

JS Fiddle for Audio Player

Answer 1

试试下面的 code.I 已经在 JS 中测试过 Fiddle & 它正在工作 :) :)

已更新JSFiddle

将此代码放入 Javascript 并删除你的代码。

document.addEventListener('play', function(e){
    // get all <audio> tag elements in the page.
    var allAudios = document.getElementsByTagName('audio');
    // Iterate through all players and pause them, except for
    // the one who fired the "play" event ("target")
    for(var i = 0; i<allAudios.length; i++){
        if(allAudios[i] != e.target){
            allAudios[i].pause();
        }
    }
}, true);

多个音频，当前正在播放 javascript 时自动停止其他音频

multiple audio, auto stop other when current is playing with javascript

html

javascript

audio

jquery

audio-player