多种音频HTML：自动阻止其他电流时用JavaScript玩 [英] multiple audio html : auto stop other when current is playing with javascript

问题描述

我有10个音频播放器与HTML5的页面上简单的HTML音频标签。
没有jQuery的，没有什么特别的音频插件的js，等...

I have 10 audio players with simple html audio tags on a html5 page. No jquery, no special audio js plugins, etc...

有没有人有在JS一个简单的脚本暂停所有其他玩家在当前玩家玩？

Does anyone has a simple script in js to pause all other players when the current player is playing ?

我不想用js插件，因为我想保持一个简单的音频HTML code。

I don't want to use js plugins because i want to keep a simple audio html code.

推荐答案

您可以使用事件代表团。简单地听在捕获阶段播放事件，然后暂停所有的视频​​文件，但不是目标之一：

you can use event delegation. Simply listen to the play event in the capturing phase and then pause all video file, but not the target one:

document.addEventListener('play', function(e){
    var audios = document.getElementsByTagName('audio');
    for(var i = 0, len = audios.length; i < len;i++){
        if(audios[i] != e.target){
            audios[i].pause();
        }
    }
}, true);

这篇关于多种音频HTML：自动阻止其他电流时用JavaScript玩的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！