Firefoxの要素を隠しているとYoutubeの再生が停止する

Question

再生中にYoutube-videoを隠すことを有効にしようとしています。 Chromeでは素晴らしい機能を備えていますが、Firefoxでは隠れると再生が停止します。

これは#hide

$('#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'); 
      } 
     }); 

隠しクラス

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

    } 

1 .flashラッパーの例

<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 { 
    margin-top: -1000px; 
}