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 中自己尝试一下，然后发布它，以表明您自己尝试过一些东西！