使用jquery切换音频播放器的播放/暂停按钮
问题描述:
我想制作一个使用jquery的音频播放器,并且似乎有这样做的一些问题。我可以阻止音乐,但我似乎无法再播放它。使用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");
}
});
});
不知道哪里出错..需要一些指导...
答
$("#Theme").paused
需求是$("#Theme")[0].paused
- 否则,你访问jQuery对象的属性不起作用。
为了提高可读性添加var player = $("#Theme")[0];
然后用player.paused
,player.play()
等
+0
否则逻辑正确的权利? – lakesh 2012-07-27 14:37:16
+0
是的,看起来是正确的。 – ThiefMaster 2012-07-27 14:53:11
'$(“文件”)'应该是'$(文件)'(即使结合就绪事件时,元素集被忽略) – ThiefMaster 2012-07-27 14:29:16