在FireFox中使用YouTube电影的Fancybox并未完全关闭 - 请参阅演示

时间:2012-07-31 04:49:58

标签: jquery firefox youtube fancybox

窗口关闭,但电影仍然在后台播放。

当你关闭并回想起幻想时,你可以看到电影继续播放。

通过演示查看此链接(点击小YouTube图标):

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

[编辑:现在上面的链接表现正确 - 问题已修复 - 请参阅:底部的答案]

任何人都知道如何解决这个问题?

2 个答案:

答案 0 :(得分:1)

在fancybox初始化脚本中添加以下行:

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

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(" "); 
  } 
});

答案 1 :(得分:0)

好的..经过一些研究......在这里。

而不是直接调用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>

...最好给予花哨的盒子作者以及他(他们)的方式(注:'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