iPad 上的 Fancybox 2 中的 Vimeo

Posted

技术标签:

【中文标题】iPad 上的 Fancybox 2 中的 Vimeo【英文标题】:Vimeo In Fancybox 2 On iPad 【发布时间】:2014-03-11 14:38:46 【问题描述】:

我在此页面上设置了 Fancybox 2:http://discoverycolorado.dreamhosters.com/(精选视频),除 iPad 外,一切正常。似乎视频位于灰色覆盖层下方,因此我无法在 ipad 上播放视频。

这是我的 Fancybox 设置:

$(document).ready(function() 
$('.videoLightbox').fancybox(
    openEffect  : 'fade',
    closeEffect : 'fade',
    aspectRadio : true,
    autoDimensions : true,
    fitToView   : true,
    autoResize  : true,
    autoScale   : true,
    width       : 960,
    height      : 540,
    padding     : 0,
    type        : 'iframe',
    helpers   : 
        media : ,
        title : null,
        overlay: 
            opacity: 0.9
         // overlay 
    
);
);

任何想法为什么会发生这种情况?

【问题讨论】:

有人知道如何解决这个问题吗? 【参考方案1】:

通过更改我没有看到的上层 div 的 z-index 解决了这个问题。现在工作正常。

【讨论】:

我有完全相同的问题..在你的情况下是什么样的 div?来自fancybox本身的div?

以上是关于iPad 上的 Fancybox 2 中的 Vimeo的主要内容,如果未能解决你的问题,请参考以下文章

如何在使用fancybox打开的新页面中将焦点设置在文本框上

FancyBox iFrame 元素上的绑定事件

删除 Wordpress 上 Fancybox 容器上的“溢出:隐藏”内联样式

Fancybox - 单击 iframe 上的链接,更新 URL 地址

同一页面上的两个 iframe fancybox

YouTube 和 FancyBox 视频功能