Fancybox V2 - iFrame视频自动缩放

时间:2012-02-06 19:29:29

标签: jquery iframe fancybox vimeo

我刚刚更新到Fancybox 2并且一直在升级之前的自定义调用。

之前,我在iFrame中显示了一些vimeo视频。该视频已经普遍缩放到我设置的宽度和高度,这很棒

// Vimeo popups from the homepage etc 
// Fetches a static html page where the iframe is embedded
    $('a.vimeo-pop').fancybox({
    'width'             : 707,
    'height'            : 384,
        'autoScale'         : false,
        'transitionIn'      : 'none',
    'overlayColor'      : '#000',
    'overlayOpacity'    : 0.9,
    'transitionOut'     : 'none',
    'allowfullscreen'   : 'true'    
    });

现在我正在使用V2,我不得不调整一些内容,视频不再缩放到我设置的宽度和高度。我看到滚动条等等

以下是我的新电话

   // NEW FANCYBOX V2  
   // Vimeo popups from the homepage etc  
   // Fetches a static html page where the iframe is embedded
    $("a.vimeo-popV2").fancybox({       
       'width'              : 707, 
       'height'             : 384,
       'autoScale'              : false,
        'transitionIn'      : 'none', 
        'overlayColor'      : '#000', 
        'overlayOpacity'    : 0.9, 
        'transitionOut'     : 'none', 
        'type'              : 'iframe', 
        'autoSize'      : false, 
        'allowfullscreen'   : 'true'
    });

有什么想法吗? 感谢

1 个答案:

答案 0 :(得分:1)

Fancybox v2.x选项与fancybox v1.3.x选项不兼容。你需要摆脱旧的选项,只留下v2.x的有效选项。

现在,您需要设置的v.2.x fancybox选项(除了width,height和type = iframe)以匹配您想要的大小

fitToView: false