Fancybox + VideoJS - 为什么2点击激活?

时间:2012-04-15 04:32:15

标签: video fancybox

搜索后 Why does fancybox require two clicks activate?

但是我仍然无法解决问题。

我的档案位于此处

http://bitstream.ca/beta/#

任何FancyBox专家都可以告诉我为什么需要2次点击?

还有为什么我似乎无法摆脱垂直滚动?

1 个答案:

答案 0 :(得分:1)

您需要在DOM上调用.fancybox()调用,而不是单击。

$(document).ready(function() {

    var $elt = $('div.jTscroller'),
        id = $elt[0].id,
        url = id + '.html',
        w = parseInt($elt.attr('w'), 10),
        h = parseInt($elt.attr('h'), 10);

    $elt.fancybox({
        padding: 2,
        height: h + 28,
        width: w + 23,

        autoScale: true,
        openEffect: 'elastic',
        openSpeed: 150,
        type: 'iframe',
        href: url,
        closeEffect: 'elastic',
        closeSpeed: 250,
        helpers: {
            title: {
                type: 'outside'
            },
            overlay: {
                speedIn: 750,
                opacity: 0.9
            }
        } //end helpers
    }) //end fancybox                
}); //end click
}); //end ready​​

令人讨厌的滚动条显示是因为<body>页面的video1.html元素应用了一个用户代理默认的8px边距。将margin: 0添加到该元素,您就可以了:

enter image description here