Firefox에서 요소를 숨길 때 YouTube 재생이 중지됩니다.

Question

YouTube 동영상이 재생되는 동안 숨길 수 있도록 설정하려고합니다. Chrome에서는 훌륭하게 작동하지만 Firefox에서는 숨길 때 재생이 중지됩니다.

이것은

$('#hide').click(function(){ 
      $('.flash-wrapper').toggleClass("hidden"); 
      $('#footer').fadeToggle(); 
      var hideText = $('#hide').text(); 
      if(hideText == "Hide everything") { 
       $('#hide').text('Show everything'); 
      } else { 
       $('#hide').text('Hide everything'); 
      } 
     }); 

숨겨진 클래스에게 #hide에

.hidden { 
     position: absolute; 
     left: -10000px; 

    } 

예 중 하나되는 플래시 - 래퍼를 클릭하면 내 코드입니다

<div class="flash-wrapper Jj6yXxVc21Y"> 
<div id="Jj6yXxVc21Y"> 
    You need Flash player 8+ and JavaScript enabled to view this video. 
</div> 
    <script type="text/javascript"> 

     var params = { allowScriptAccess: "always" }; 
     var atts = { id: "Jj6yXxVc21Y" }; 
     swfobject.embedSWF("http://www.youtube.com/v/Jj6yXxVc21Y&enablejsapi=1&playerapiid=ytplayer", "Jj6yXxVc21Y", "250", "25", "8", null, null, params, atts); 

    </script> 
</div> 

플래시 래퍼 클래스

.flash-wrapper { 
    float: left; 
    margin-left: 5px; 
} 

Answer 1

.hidden을 다음 코드로 변경 했으므로 이제 재생이 중지되지 않습니다.

.hidden { 
    margin-top: -1000px; 
}