html5一次只播放一个文件并阻止其他文件？用jquery？

Question

我有多个音频文件，如果有人播放，我想暂停/停止所有其他音频文件。

这就是它的样子，如果这样可以解决问题，我有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>

Answer 1

你喜欢这样的jQuery：

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

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