一次播放一个HTML音频元素

我audio在一个页面上有很多元素,我想一次只播放一个元素.也就是说,如果audio正在播放一个元素,并且我在另一个元素上单击播放,则前一个audio元素应该暂停.

我从另一个问题中找到了一个jQuery代码,但它使用了一个图像作为播放/暂停控件.我正在使用元素的内置controls='controls'属性audio.audio在我的情况下,是否可以使用jQuery来控制元素的播放/暂停功能？

这是我的HTML代码

    
#1 Intro - The Oath

    



    
#2 A State Of Trance Year Mix 2013

    

这是jQuery代码

$(document).ready(function() {
    var curPlaying;

    $(function() {
        $(".playback").click(function(e) {
            e.preventDefault();
            var song = $(this).next('audio')[0];
            if(song.paused){
                song.play();
                if(curPlaying) $("audio", "#"+curPlaying)[0].pause();
            } else { song.pause(); }
            curPlaying = $(this).parent()[0].id;
        });
    });
});

jQuery代码似乎不适合我.