javascript - 使用 JavaScript 停止所有 HTML5 音频/视频

Question

尝试编写一个函数来暂停所有 HTML5 音频和视频。

我已经说到这里了，但我不确定这是否是正确的做法？

function stopAll() {
var media = document.getElementsByClassName('media'),
    i = media.length;

while (i--) {
    media[i].pause();
}
}

http://jsfiddle.net/m6AkC/

Answer 1

有效。在您的 fiddle 中，您必须确保源标记已关闭并且未选择 wrap - in。

问题出在你的 fiddle 上。您需要确保 no wrap - in head 被选为左上角 Frameworks & Extensions 下的选项。在@ http://jsfiddle.net/m6AkC/2/ 查看更新的 fiddle .

<audio class="media" id="audioplayer" controls>
<source src="http://download.wavetlan.com/SVV/Media/HTTP/BlackBerry.mp4" type="audio/mpeg">
    <source src="audio/macdemarco.ogg" type="audio/ogg">Your browser does not support this audio format.</audio>
<video class="media" width="340" height="200" controls>
<source src="http://download.wavetlan.com/SVV/Media/HTTP/BlackBerry.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">Your browser does not support the video tag.</video>
<br>
<a href="#" onclick="stopAll()" id="next">Stop</a>