jQuery-切换播放/暂停按钮（多音频）

我想显示不同的标题，每个标题都必须播放自己的声音（带有播放/暂停切换）

每个按钮都必须使用

多谢各位
 我想这就是你想要的

您可以使用JQuery进行如下启动和暂停：

$('#sound1').trigger('play');

及

这应该是您期望的函数：）

使用
.trigger（'play'）和.trigger（'pause'）

您只是在更改类，实际上需要调用play并暂停元素。请参阅

HTML

这里^=是“开始与选择器”，它选择所有音频，使用按钮的id，我们实际上播放或暂停精确单击的音频。
如果您在这里也包含小提琴代码，那就太好了。
$('#sound1').trigger('pause');

<h2>Sound 1</h2>
<div class="play" id="btn1">play</div>

<h2>Sound 2</h2>
<div class="play" id="btn2">play</div>

<h2>Sound 3</h2>
<div class="play" id="btn3">play</div>


<!-- SOUNDS -->
<audio id="sound1">
    <source src="http://www.bigsoundbank.com/sounds/ogg/0595.ogg" type="audio/ogg" />
</audio>

<audio id="sound2">
    <source src="http://www.bigsoundbank.com/sounds/ogg/0580.ogg" type="audio/ogg" />
</audio>

<audio id="sound3">
    <source src="http://www.bigsoundbank.com/sounds/ogg/0003.ogg" type="audio/ogg" />
</audio>

$('.play').click(function(){
    var $this = $(this);
    var id = $this.attr('id').replace(/btn/, '');
    $this.toggleClass('active');
    if($this.hasClass('active')){
        $this.text('pause'); 
        $('audio[id^="sound"]')[id-1].play();        
    } else {
        $this.text('play');
        $('audio[id^="sound"]')[id-1].pause();
    }
});