停止html5音频

Question

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

html5音频

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

JS

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

Answer 1

$.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');
});