我在 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 来简化事情,下面是链接:
最佳答案
尝试下面的代码。我已经在 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 - 多个音频,当前正在使用 javascript 播放时自动停止其他音频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42297703/