jquery - 使所有锚标签停止 html5 音频播放器

Question

好吧，我很难过。我已经尝试了一些方法来使这项工作没有成功。同样，我是一个初学者，所以我可能忽略了一些东西。

在我的页面上，我有各种 html5<audio>播放器。我想这样做，当用户单击页面上的任何锚标记（链接）时，当前正在播放的任何和/或所有音频播放器都会暂停他们的音频。我怎样才能用jquery做到这一点？

预先感谢您的任何支持！

<audio controls>
    <source src="audio/Friedman_Doku.mp3" type="audio/mp3">
    <source src="audio/wav/Friedman_Doku.wav" type="audio/wav">Your browser does not support the audio element.
</audio>

Answer 1

$(document).ready(function(){
console.log("DOM Ready");
$('a').click(function(){
     $('audio').each(function() {
     if(!this.paused){
        this.pause();
     }
    });
});
});

这将使得当您单击页面上的任何标签时，所有音频标签都会停止，希望对您有所帮助。