Jquery fancybox 2.1.3 vimeo问题

时间:2013-01-04 05:14:51

标签: jquery fancybox vimeo fancybox-2

我在这里实现了jquery fancybox 2.1.3:http://n2lose.kodingen.com/homepage/test.html

<a href="http://vimeo.com/35400388" class="Video pull-left">
                <img src="background/Video.png" alt="video platform" />
            </a>

脚本:

$('.Video').fancybox({
            openEffect  : 'none',
            closeEffect : 'none',
            helpers : {
                media : {}
            }
        });

我按照这里的示例:http://fancyapps.com/fancybox/#examples来做到这一点。 我不知道为什么它不起作用,并看到控制台firebug错误:

  

未捕获错误:语法错误,无法识别的表达式

有人可以帮助我吗?

1 个答案:

答案 0 :(得分:1)

jsFiddle DEMO: Fancybox v2.1.3

Fancybox网页上的示例需要使用在此位置找到的其他.js文件:

http://fancyapps.com/fancybox/source/helpers/jquery.fancybox-media.js

您还应为要显示的视频定义widthheight,例如1280 x 656。要了解要使用的确切视频尺寸,为了保留视频的宽高比(因此黑色条未显示在顶部/底部或侧面),只需点击Vimeo网页上的下载按钮即可。那个视频。

编辑:此外,我也发现了此iframed jsFiddle