HTML5视频停止onClose

Question

我正在使用jQuery工具进行叠加.在叠加层内我有一个HTML5视频.但是,当我关闭叠加层时,视频会继续播放.我知道如何在关闭叠加层时让视频停止播放？这是我的代码:

$("img[rel]").overlay({ onClose: function() { <stop the video somehow> }, mask: { color: '#000', opacity: 0.7 }});

我试过用

$('video').pause();

但这也暂停了叠加层.

Answer 1

如果你想阻止页面中的每个电影标签播放,这个小小的jQuery片段将帮助你:

$("video").each(function () { this.pause() });

Answer 2

用不同的浏览器启动视频

适用于Opera 12

window.navigator.getUserMedia(param, function(stream) {
                            video.src =window.URL.createObjectURL(stream);
                        }, videoError );

适用于Firefox Nightly 18.0

window.navigator.mozGetUserMedia(param, function(stream) {
                            video.mozSrcObject = stream;
                        }, videoError );

对于Chrome 22

window.navigator.webkitGetUserMedia(param, function(stream) {
                            video.src =window.webkitURL.createObjectURL(stream);
                        },  videoError );

使用不同的浏览器停止视频

适用于Opera 12

video.pause();
video.src=null;

适用于Firefox Nightly 18.0

video.pause();
video.mozSrcObject=null;

对于Chrome 22

video.pause();
video.src="";

Answer 3

以下适用于我:

$('video')[0].pause();

Answer 4

问题可能$("video")在于您选择的jquery选择器 不是选择器

正确的选择器可能会为视频标记添加一个id元素,即 假设您的视频元素如下所示:

<video id="vid1" width="480" height="267" oster="example.jpg" durationHint="33"> 
    <source src="video1.ogv" /> 
    <source src="video2.ogv" /> 
</video> 

然后,您可以通过选择它$("#vid1")以hash符号(#),在jQuery的id选择.如果视频元素在功能中公开,那么您可以访问HtmlVideoElement(HtmlMediaElement).这个元素可以控制视频元素,在您的情况下,您可以使用pause()视频元素的方法.

在此处查看VideoElement的参考.
同时检查是否有后备参考这里.

Answer 5

有人已经有了答案.

$('video')将返回一系列视频项.它完全是一个有效的seletor!

所以

$("video").each(function () { this.pause() });

将工作.