Question

不确定捕获的是什么，但在FF中视频继续播放。单击fancybox外部时所有其他浏览器关闭...嵌入的Youtube视频也将停止播放。 Firefox似乎忽略了这一点。我做错了什么？

    $(document).ready(function() {
$(".fancybox").fancybox({
    maxWidth    : 800,
    maxHeight   : 600,
    fitToView   : false,
    width       : '70%',
    height      : '70%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none',
     callbackOnClose: function() {
     $("#fancy_content").html(" ");
     } 
});

    });
    $("#fancy_content").empty();

    $(document).ready(function() {
        /*
         *  Simple image gallery. Uses default settings
         */

        $('.fancybox').fancybox();

        // Change title type, overlay closing speed
        $(".fancybox-effects-a").fancybox({
            helpers: {
                title : {
                    type : 'outside'
                },
                overlay : {
                    speedOut : 0,
                    opacity: 0.3,
                    css: {'background-color': '#cdc3b7'}
                }
               }
                 });
                 });

Answer 1

您不必两次初始化相同的.fancybox选择器。换句话说，您不必这样做：
```
$(".fancybox").fancybox({
   // options
});
```
......以后：
```
$(".fancybox").fancybox();
```
#fancy_content不是有效的fancybox选择器（至少不适用于v2.x）
$("#fancy_content").empty();不在.ready()方法之内。无论如何，如上所述，它是无用的。
callbackOnClose不是有效的API选项（如果需要，请使用afterClose）
此脚本可以完美地跨浏览器运行：

    $(".fancybox").fancybox({
        maxWidth    : 800,
        maxHeight   : 600,
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
        /*
        // yo don't need this
        ,
        callbackOnClose: function() {
          $("#fancy_content").html(" ");
        }
        */
    });

...正如您在 JSFIDDLE 中看到的那样。确保使用FF进行测试（使用我的FF v17.0.1正常工作）

Fancybox YOutube视频继续播放

1 个答案: