使用jquery切换音频播放器的播放/暂停按钮

Question

我想制作一个使用jquery的音频播放器，并且似乎有这样做的一些问题。我可以阻止音乐，但我似乎无法再播放它。

HTML：

<footer> 
     <nav> 
      <div id="buttons"> 
       <buttons type="button" id="playbutton">Stop Music</button> 
      </div> 
     </nav> 
    </footer> 
    <audio id="Theme" autoplay> 
     <source src="BillaTheme.mp3"/> 
    </audio> 

的Jquery：

$("document").ready(function(){      
     $("#playbutton").click(function() { 
        if (!$("#Theme").paused) 
        { 
         $("#Theme")[0].pause();   
         $("#playbutton").text("Play Music"); 
        } 
        else 
         { 
          $("#Theme")[0].play();   
          $("#playbutton").text("Stop Music"); 
         } 
       }); 
}); 

不知道哪里出错..需要一些指导...

Answer 1

$("#Theme").paused需求是$("#Theme")[0].paused - 否则，你访问jQuery对象的属性不起作用。

为了提高可读性添加var player = $("#Theme")[0];然后用player.paused，player.play()等