Fancybox與FireFox中的YouTube電影並未完全關閉 - 請參閱演示

Question

窗口關閉，但電影仍在後臺播放。

當你關閉並回憶幻想時，你可以看到電影繼續播放。

請參閱使用演示這個鏈接（點擊小的YouTube圖標）：

http://reference.xarray.org.uk/pages.php/fancy-problem-jp-59

[編輯：現在鏈接上述行爲正確 - 因爲問題是固定的 - 見：答案在底部]

任何人都知道如何補救？

Answer 1

OK ..經過一番研究..這。

，而不是直接調用的SWF對象：

 
<a class="fancy_freehand" href="#myId" rel="fancybox" style="outline-style: none; text-decoration: none; "><img alt="" src="/images/user/jmvc_yt.png" /></a></p> 
<div style="display:none;"> 
    <div id="yEJw" style="width:auto; height:auto;"> 
    <object data="http://www.youtube.com/v/a2RA0vsZXf8?fs=1&amp;autoplay=1&amp;hd=1" height="576" id="close_player" type="application/x-shockwave-flash" width="1024"> 
     <param name="movie" value="http://www.youtube.com/v/a2RA0vsZXf8?fs=1&amp;autoplay=1" /> 
     <param name="allowFullScreen" value="true" /> 
     <param name="allowscriptaccess" value="always" /> 
     <param name="wmode" value="transparent" /> 
    </object> 
</div> 
</div> 

...最好是給予信貸看中箱作者（S）和做他（他們）的方式（注：「IFRAME」級） ：

 
<a class="fancy_freehand iframe" href="http://www.youtube.com/embed/a2RA0vsZXf8?autoplay=1"><img alt="" src="/images/user/jmvc_yt.png" /> </a> 

它將使Chrome的抱怨：

 
Unsafe JavaScript attempt to access frame with URL 

，但它是一個小的副作用

在所有最新版本的所有瀏覽器的測試 - IE：7,8,9

檢查相同的鏈接（也適用於FF）： http://reference.xarray.org.uk/pages.php/fancy-problem-jp-59

Answer 2

添加以下中的fancybox初始化腳本行：

callbackOnClose: function() { 
    $("#fancy_content").empty(); 
} 

OR

callbackOnClose: function() { 
    $("#fancy_content").html(" "); 
} 

實施例1：$("#fancy_content").empty();

$("a[rel=fancybox], .fancybox").fancybox({ 
    'overlayShow'  : false, 
    'zoomSpeedIn'  : 600, 
    'zoomSpeedOut'  : 500, 
    'easingIn'  : 'easeOutBack', 
    'easingOut'  : 'easeInBack', 
    callbackOnClose: function() { 
    $("#fancy_content").empty(); 
    } 
}); 

例2：$("#fancy_content").html(" ");

$("a[rel=fancybox], .fancybox").fancybox({ 
    'overlayShow'  : false, 
    'zoomSpeedIn'  : 600, 
    'zoomSpeedOut'  : 500, 
    'easingIn'  : 'easeOutBack', 
    'easingOut'  : 'easeInBack', 
    callbackOnClose: function() { 
    $("#fancy_content").html(" "); 
    } 
});