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

时间:2013-12-03 21:34:01

标签: javascript html5 audio video

尝试编写一个暂停所有HTML5音频和视频的功能。

我已经走到了这一步,但我不确定这是否正确呢?

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

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

http://jsfiddle.net/m6AkC/

1 个答案:

答案 0 :(得分:0)

这有效。在您的小提琴中,您必须确保源标签已关闭且未选择包装。

这个问题真的在你的小提琴里。你需要确保选择没有包裹头作为框架和左下方左上角的选项。扩展。请参阅@ http://jsfiddle.net/m6AkC/2/上的更新小提琴。

<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>