窗口关闭,但电影仍然在后台播放。
当你关闭并回想起幻想时,你可以看到电影继续播放。
通过演示查看此链接(点击小YouTube图标):
http://reference.xarray.org.uk/pages.php/fancy-problem-jp-59
[编辑:现在上面的链接表现正确 - 问题已修复 - 请参阅:底部的答案]
任何人都知道如何解决这个问题?
答案 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&autoplay=1&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&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