Jquery CSS隐藏未在IE中工作的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

我有一个像这样的youtube视频

<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吗?:)无论如何,伟大的解决方案,使用它,谢谢!