微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – 使用jQuery来控制HTML5元素

我正在尝试使用jQuery来控制 HTML5音频元素,但是我并不是JS的天才.
我想要的是让播放器从页面加载开始,我已经完成了,但是当点击播放按钮时,我想检查音频是否正在播放.
如果播放时点击:停止音频.
如果点击时不播放:播放音频.

如果你能帮忙,那将是非常感激的.

来源:http://www.julake.co.uk/media/loader.php?page=contact

非常感谢,

解决方法

您应该使用单个播放/暂停切换按钮,您需要在其中检查音频是否已暂停
var audioplayer = document.getElementById("audio-player");
$("#play-bt").click(function(){
    if (audioplayer.paused) {
       audioplayer.play();
    }   
    else {
       audioplayer.pause();
    }
    $(this).toggleClass('pause');  /* style your toggle button according to 
                                      the current state */
})

原文地址:https://www.jb51.cc/jquery/150083.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐