html5一次只播放一个文件,而阻止其他文件?用jquery?

html5一次只播放一个文件,而阻止其他文件?用jquery?,jquery,html,audio,Jquery,Html,Audio,我有多个音频文件,如果其中一个播放,我想让它暂停/停止所有其他文件 这就是它的样子,我有jquery,如果这能简化解决方案: <audio controls=""> <source type="audio/ogg" src="asdf.ogg"></source> <source type="audio/mpeg" src="asdf.mp3"></source> </audio> <audio controls="

我有多个音频文件,如果其中一个播放,我想让它暂停/停止所有其他文件

这就是它的样子,我有jquery,如果这能简化解决方案:

<audio controls="">
<source type="audio/ogg" src="asdf.ogg"></source>
<source type="audio/mpeg" src="asdf.mp3"></source>
</audio>

<audio controls="">
<source type="audio/ogg" src="asdf.ogg"></source>
<source type="audio/mpeg" src="asdf.mp3"></source>
</audio>

<audio controls="">
<source type="audio/ogg" src="asdf.ogg"></source>
<source type="audio/mpeg" src="asdf.mp3"></source>
</audio>

Hi在jQuery中是这样的:

$("audio").on("play", function(){
    var _this = $(this);
    $("audio").each(function(i,el){
        if(!$(el).is(_this))
            $(el).get(0).pause();
    });
});

现在,你可以在JS中自己尝试,并发布它,以表明你自己尝试了一些东西

啊,好像我懒得尝试……:)开箱即用谢谢:)