在JS中切換音頻

Question

我有代碼，當用戶點擊圖片時，它會播放一個音頻文件。

<script> 
    function playSong(){ 
     var audio = document.getElementById("suess"); 
     audio.play(); 
       } 
    </script> 
<input type="image" src="suessical.jpg" onclick="playSong()" alt="Click to play a song from the show!"> 
<audio id="suess" src="http://ninjareviews.hostreo.com/Seussical-the-Musical-Green-Eggs-and-Ham.mp3"></audio>\ 

我該如何修改腳本，以便當再次單擊同一圖像時，音樂會暫停並在再次單擊時恢復？我必須使用JQuery還是可以使用JS？

Answer 1

基於所用paused屬性切換：

function playSong(){ 
    var audio = document.getElementById("suess"); 
    if (audio.paused) audio.play(); 
    else audio.pause(); 
} 

Answer 2

您對音頻對象，如果它被暫停或無法訪問的信息。

if (audio.paused) { audio.play(); } else { audio.pause(); }。

更多信息：http://www.w3schools.com/tags/ref_av_dom.asp