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

Question

Trying to write a function that will pause all HTML5 audio and video.

I've got this far, but I'm not sure if this is the correct way about it?

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

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

http://jsfiddle.net/m6AkC/

Answer 1

That works. In your fiddle, you have to make sure that the source tags are closed and that no wrap - in is selected.

The problem was really in your fiddle. You need to make sure that no wrap - in head is selected as the option on the upper left under Frameworks & Extensions. See the updated fiddle at @ 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>