javascript - 使用 jQuery 控制 HTML5 <audio> 元素

标签 javascript jquery html audio

我正在尝试使用 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 */
})

关于javascript - 使用 jQuery 控制 HTML5 <audio> 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9579938/

相关文章:

c# - 如何使用 HTMLAgilityPack 单独删除 html 标签而不是内部 html 或子标签?

javascript - 将 iso-8859-1 转换为 utf-8 javascript

python - 如何防止执行脚本时打开 HTML 本地文件?

javascript - Azure DevOps 自定义任务(在 TypeScript 中): navigating through repository with file path and retrieving XML for future processing

javascript - 当警报出现时阻止人们按下按钮

javascript/jquery 在每次迭代后循环执行函数

jquery超大,下方有导航栏

html - 如何获取 json 中返回的 HTML 数据以供浏览器解析 - Cordova/Ionic

Javascript/Coffeescript 使用函数哈希作为参数

javascript - 如何通过 javascript 更改 html5 视频的 src 而不会崩溃 chrome 或泄漏内存?