javascript - 停止 html5 音频

标签 javascript jquery html

我该如何编写一个函数来停止在 DOM 中播放 html5 音频的所有实例?

html5 音频

<audio class="AudioPlayerV1" preload="none" width="292">
    <source src="test.mp3" type="audio/mpeg" />
</audio>

js

AudioPlayerV1('*').each(function() {
    this.setStop();
});

最佳答案

$.each($('audio'), function () {
    this.pause();
});

这只是找到所有 <audio> DOM 中的元素并使用标准 API 为每个元素暂停播放。

这里有一些关于 <audio> 的优秀读物和 <video>标签: https://developer.mozilla.org/en/Using_HTML5_audio_and_video

更新

AudioPlayerV1 的文档脚本说明这是暂停 <audio> 的方式元素:

$('#audio_id').AudioPlayerV1('pause');

来源:http://1.s3.envato.com/files/14653378/index.html#how-to-use

它看起来像 AudioPlayerV1插件应该在选择的 DOM 元素上调用并传入一个选项。

更新

运行插件暂停多个<audio>你应该能够做到这一点的元素:

$('audio').AudioPlayerV1('pause');

选择 <audio> DOM 中的元素并将它们传递给 AudioPlayerV1插入。应该编写插件来处理此问题,但如果不是,则必须在每个元素上调用插件。在循环内最简单:

$.each($('audio'), function () {
    $(this).AudioPlayerV1('pause');
});

关于javascript - 停止 html5 音频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9283656/

相关文章:

php - javascript 文件未加载或其他问题?

javascript - 将 HTML 元素渲染为 PNG 图像?

javascript - 获取 HTML 输入中的插入符号位置?

javascript - 使用 mongodb 将 ZMQ 套接字与 Express app.js 分离

javascript - 序列化 <td> 中的值是可能的吗?使用 js

javascript - 尝试使用级联下拉列表,并希望为下拉列表中的每个唯一值显示不同的模式形式

javascript - 仅当屏幕宽度 >768px 时才运行部分脚本

php - 使用 PHP 和 HTML 将字节数组转换为图像

javascript - Webpack 热加载器抛出 "[HMS] Hot Module Replacement is disabled."

javascript - 如何将当前元素传递给绑定(bind)到单击事件的函数?