在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