使所有锚标记停止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();
     }
    });
});
});

这样可以使您点击页面上的任何标签时，所有音频标签都会停止，希望它有所帮助。