Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery fancybox firefox维度问题_Jquery_Fancybox - Fatal编程技术网

jquery fancybox firefox维度问题

jquery fancybox firefox维度问题,jquery,fancybox,Jquery,Fancybox,我正在使用jquery fancybox在我的网站上显示覆盖视频。下面的jquery代码在Chrome中运行良好,但在Firefox中,视频会减少,容纳视频的容器的尺寸也会减少。以下是jquery代码 $('.fancybox-media').fancybox({ 'type': 'iframe', 'width': 800, 'height': 580, 'autoDimensions': false, helpers : {

我正在使用jquery fancybox在我的网站上显示覆盖视频。下面的jquery代码在Chrome中运行良好,但在Firefox中,视频会减少,容纳视频的容器的尺寸也会减少。以下是jquery代码

$('.fancybox-media').fancybox({
    'type': 'iframe',
    'width': 800,
    'height': 580,
    'autoDimensions':   false,
    helpers     : {
         media: true
    }
});
下面是来自chrome和firefox的图片


这方面的任何帮助都将不胜感激。

如果您正在使用
键入:“iframe”
,您可能不需要使用
媒体帮助程序(它实际上将内容移动到
iframe

此外,如果希望fancybox保持固定尺寸,则需要添加
fitToView:false
,否则fancybox将调整大小以适应较小屏幕的视图端口

此外,您可能需要禁用
iframe preload
,以避免在内容未完全加载时出现一些已知问题(浏览器可能会以不同方式处理大小计算)

因此,这段代码应该在Firefox、Chrome甚至IE7+中实现这一点:

$('.fancybox-media').fancybox({
    type: 'iframe',
    width: 800,
    height: 580,
    // add
    fitToView: false,
    iframe : {
      preload : false
    }
});

如果您使用的是
类型:“iframe”
,则可能不需要使用
媒体帮助程序
(这实际上是在
iframe
中移动内容)

此外,如果希望fancybox保持固定尺寸,则需要添加
fitToView:false
,否则fancybox将调整大小以适应较小屏幕的视图端口

此外,您可能需要禁用
iframe preload
,以避免在内容未完全加载时出现一些已知问题(浏览器可能会以不同方式处理大小计算)

因此,这段代码应该在Firefox、Chrome甚至IE7+中实现这一点:

$('.fancybox-media').fancybox({
    type: 'iframe',
    width: 800,
    height: 580,
    // add
    fitToView: false,
    iframe : {
      preload : false
    }
});

@JFK不起作用。@JFK没用either@JFK那没用。@JFK那没用。我试过这个人……根本没用!我不知道我哪里出错了!这是一个客户端站点,无法在公共论坛上共享链接。我可以给你发电子邮件吗?我还看到你在fancybox的谷歌论坛上积极回复。所以,如果我可以给你发电子邮件……我已经准备好了。我发现了……fancybox内部类有问题。我修复了它,现在它工作正常。嗨,阿什,你能详细说明一下问题是什么吗?@danielblythe:问题已经解决了,我试过这个人……根本没用!我不知道我哪里出错了!这是一个客户端站点,无法在公共论坛上共享链接。我可以给你发电子邮件吗?我还看到你在fancybox的谷歌论坛上积极回复。所以,如果我可以给你发电子邮件……我已经准备好了。我发现了……fancybox内部类有问题。我修复了它,现在它工作正常。嗨,阿什,你能详细解释一下问题是什么吗?@danielblythe:问题已经解决,禁用iframe预加载