Jquery CSS隐藏未在IE中工作的Youtube视频
我有一个像这样的youtube视频Jquery CSS隐藏未在IE中工作的Youtube视频,jquery,css,video,youtube,embedding,Jquery,Css,Video,Youtube,Embedding,我有一个像这样的youtube视频 <object id="video_1" class="a_video ....... 不是把它藏在IE里 有人知道如何在IE中隐藏嵌入的youtube视频吗?如果我没记错的话,我以前也遇到过这个问题。虽然我的视频将停止显示,但我可以听到它继续在后台播放。我使用的解决方案是完全移除它,并在需要时返回 像这样: (function($){ $(function(){ var videoCode = $('object').parent().h
<object id="video_1" class="a_video .......
不是把它藏在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>
如果我没记错的话,我以前也有过这个问题。虽然我的视频将停止显示,但我可以听到它继续在后台播放。我使用的解决方案是完全移除它,并在需要时返回 像这样:
(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错误。如果在有问题的块元素处指向overflow:hidden,这应该可以实现。您可能需要将Youtube嵌入代码放在某些内容中。我看到了这个IE8错误。如果在有问题的块元素处指向overflow:hidden,这应该可以实现。您可能需要将Youtube嵌入代码放入某些内容。您是否尝试将视频放入div
并将其设置为display:none
?您是否可以发布html和css以隐藏IE?如果您正在使用,任何条件样式表都包括。您是否尝试过将视频放入div
并将其设置为display:none
?此外,任何条件样式表都包括您是否正在使用这些。您的videoCode
不包含
标记,因此您在下次检查时无法检测视频是否存在,或者我是否错了?var videoCode=$('#container').html()代码>应该有效,如果我遗漏了什么,请忽略我;)更新了代码。最好使用$('object').parent().html()
而不是专门选择#container
元素,因为它更灵活(尽管选择带有所提供标记的容器会很好)。这是一样的,因为毕竟必须使用#container
元素来附加它,因此,它使代码更有可读性/易懂性。这不是至少赚+1吗?:)无论如何,伟大的解决方案,使用它,谢谢!您的videoCode
不包含
标记,因此您下次检查时无法检测视频是否存在,或者我是否错了?var videoCode=$(“#容器”).html()代码>应该有效,如果我遗漏了什么,请忽略我;)更新了代码。最好使用$('object').parent().html()
而不是专门选择#container
元素,因为它更灵活(尽管选择带有所提供标记的容器会很好)。这是一样的,因为毕竟必须使用#container
元素来附加它,因此,它使代码更有可读性/易懂性。这不是至少赚+1吗?:)无论如何,伟大的解决方案,使用它,谢谢!