在 Firefox 中隐藏元素时，Youtube 的播放停止答案

【问题标题】：Playback of Youtube stops when hiding element in Firefox在 Firefox 中隐藏元素时，Youtube 的播放停止
【发布时间】：2012-03-03 18:07:22
【问题描述】：

我正在尝试启用在播放时隐藏 Youtube 视频。在 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;

    }

.flash-wrapper 示例

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

【问题讨论】：

标签： javascript jquery html youtube

【解决方案1】：

我将 .hidden 更改为以下代码，现在播放没有停止

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

【讨论】：