我有一个这样的youtube视频...
<object id="video_1" class="a_video .......
但是 a_video 的 css:
display:none;
不是隐藏在IE中。
有人知道如何在 IE 中隐藏嵌入的 youtube 视频吗?
如果我没记错的话,我之前也遇到过这个问题。虽然我的视频会停止显示,但我可以听到它在后台继续播放。我使用的解决方案是完全删除它并在需要时将其退回。
像这样:
(function($){
$(function(){
var videoCode = $('object').parent().html();
$('#toggleButton').bind('click',function(e){
if($('object').length) {
$('object').remove();
} else {
$("#container").append(videoCode);
}
});
});
})(jQuery);
这个函数做了一些事情……首先,它将与视频(对象)关联的 HTML 代码设置为一个变量,以便它可以记住它。然后,它使按钮能够显示/隐藏视频(我假设这是预期的行为)。因此,当单击按钮时,它会检查视频当前是否在页面中,如果是,则将其从 DOM 中删除,如果不是,则获取存储的 HTML 并将其重新应用到视频的容器。
这是随之而来的 HTML:
<div id="container">
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/hQVTIJBZook&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/hQVTIJBZook&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
</div>
<a href="#" id="toggleButton">Toggle Video</a>
我见过这个 IE8 错误。如果您指向溢出:隐藏在有问题的块元素处,这应该可以解决问题。您可能需要将 Youtube 嵌入代码放入其中。