グラフィックからHTNL5オーディオを制御しようとしています。最初のクリックで曲が開始されますが、リンクがクリックへの応答を停止するため、曲の再生が継続され、停止できなくなります。e.preventDefault（）はリンクのクリック可能性を削除しますか？
HTMLは
<div>
<audio id="plyr">
<!-- <audio controls="controls"> -->
<source src="<?php echo get_bloginfo('wpurl') . '/assets/media/' . $faSong; ?>.ogg" type="audio/ogg">
<source src="<?php echo get_bloginfo('wpurl') . '/assets/media/' . $faSong; ?>.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div> <!-- END plyr DIV -->
<div id="featured-song">
<a class="playback" href="#">
<img class="btnPlay" src="/assets/images/play_button.png" />
</a>
</div> <!-- END featured-song DIV -->
そして、jQueryは次のとおりです。
jQuery(function($) {
var song = $("#plyr").get(0);
$(".playback").click(function(e){
e.preventDefault();
if( song.paused ){
song.play();
} else {
song.pause;
} // end if
});