Javascript 隐藏父元素时停止嵌入式视频播放
我已经设置了一个视频,只需点击一个按钮,它就会显示在lightbox div中Javascript 隐藏父元素时停止嵌入式视频播放,javascript,html,internet-explorer-9,Javascript,Html,Internet Explorer 9,我已经设置了一个视频,只需点击一个按钮,它就会显示在lightbox div中 <object width="640" height="360" id="player"> <param name="movie" value="http://youtu.be/Gwv5Pn--7ok?version=3&hl=en_US&rel=0&start=0"></param> <param name="allo
<object width="640" height="360" id="player">
<param name="movie" value="http://youtu.be/Gwv5Pn--7ok?version=3&hl=en_US&rel=0&start=0"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://youtu.be/Gwv5Pn--7ok?version=3&hl=en_US&rel=0&start=0" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>
这似乎在除IE之外的所有浏览器上都能正常工作。在IE上,当div被隐藏时,视频会一直在后台播放。有没有办法在隐藏时停止,在再次单击按钮时再次启动
注意:其他元素-horizonyt和fadeoutwindow-仅用于对齐和淡出其他元素
谢谢。您对对象使用了不同的URL,并且嵌入了甚至不同的协议。也许,js不允许从https访问flash对象。当页面在http上时。@kirilloid是在这里键入时被输入的。谢谢你指出这一点。不过,我的问题仍然存在。我会改正的。事实上,我想知道为什么视频在大多数浏览器中停止播放。我想,应该用.pauseVideo和.pauseVideo手动暂停。playVideo@kirilloid将“元素显示”属性设置为“无”似乎允许这种情况发生。我也是新手。所以,你建议我使用youtube提供的JSAPI,对吗?是的,使用他们的api。在已暂停的视频上调用pauseVideo无效。游戏也一样。
var hideYoutube = function() {
$('#fadeoutwindow').css('display', 'none');
$('#lightbox').css('display', 'none');
$('#horizonyt').css('z-index', '-1');
$('#horizonyt').css('visibility', 'hidden');
};
var showYoutube = function() {
$('#fadeoutwindow').css('display', 'block');
$('#lightbox').css('display', 'block');
$('#horizonyt').css('z-index', '1000');
$('#horizonyt').css('visibility', 'visible');
$('#fadeoutwindow').click(function() {hideYoutube(); });
};
$('#youtube').click(function() {
showYoutube(); return false;
});