我正在尝试从图形控制 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
});