javascript - 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();
}