CSS 숨기기 YouTube 동영상은 IE

Question

에서 작동하지 그래서 같은 YouTube 동영상 ...

<object id="video_1" class="a_video ....... 

있습니다.

누구나 IE에 내장 된 youtube 비디오를 숨기려면 어떻게해야합니까?

Answer 1

내가 올바르게 기억한다면 이전에도이 문제가있었습니다. 내 동영상은 계속 표시되지만 배경에서는 계속 재생할 수 있습니다. 내가 사용한 해결책은 그것을 완전히 제거하고 필요할 때 돌려주는 것이었다. 이처럼

:

(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을 가져와 동영상에 다시 적용합니다. 컨테이너. 나는이 IE8 버그를 본 적이

<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> 

Answer 2

:

다음은 그와 함께 갔다 HTML입니다. 오버 플로우 : 문제가있는 블록 요소에 숨겨진 점을 지적하면 트릭을 수행해야합니다. Youtube 소스 코드를 무언가에 넣어야 할 수도 있습니다.