jquery - 使用 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>

查询：

$("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()。