jquery - 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中进行自我测试，然后将其发布，以表明您自己进行了尝试!