jquery fancybox firefox维度问题
我正在使用jquery fancybox在我的网站上显示覆盖视频。下面的jquery代码在Chrome中运行良好,但在Firefox中,视频会减少,容纳视频的容器的尺寸也会减少。以下是jquery代码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 : {
$('.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预加载