Jquery fancybox 2.1.3 vimeo 问题答案

【问题标题】：Jquery fancybox 2.1.3 vimeo issueJquery fancybox 2.1.3 vimeo 问题
【发布时间】：2013-01-04 05:14:51
【问题描述】：

我在这里实现了 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错误：

未捕获的错误：语法错误，无法识别的表达式

有人可以帮帮我吗？

【问题讨论】：

你为什么要删除 cmets ？...我之前指出你必须升级你的文件。评论对于像你一样犯同样错误的其他人很有用。
@JFK，我已将 cmets 标记为已过时以将其删除，因为 fancybox 的版本不是问题（尽管现在具有讽刺意味的是，OP 将旧的 fancybox 与较新的花式盒子）。使用较旧的 fancybox 甚至更新的 v2.1.3 时的问题是 Fancybox Media Helper 文件 v1.05 的要求。太糟糕了 Fancybox 网站不提供该信息，因为需要深入研究源才能找出答案。干杯！
@arttronics ：我认为删除其他人的 cmets 不是您的要求……但是，如果您不同意某些内容，可以发表评论。 “具有讽刺意味”，OP 总是在他发布的示例页面中加载 Fancybox Media Helper 文件（这是我检查的第一件事）并且“具有讽刺意味”我要求他升级他的 fancybox 文件，“具有讽刺意味”的是你的 网站最终解决方案 ...顺便说一句：当 cmets 不合适或令人反感但不是“过时”时标记它们（不要扮演聪明人）。
版主删除了这些 cmets。当我开始时，我注意到 OPs 站点有 FB 的新 JS，但也注意到没有 FB Media Helper 文件。然后我用 jsFiddle 为此创建了一个答案。 OP 也在线并在使用该文件后接受了我的回答！然后，OP 想要有关如何解决新问题的线索：FB 视频未对齐。具有讽刺意味的是：在 OP 签署后，我发现“某人”也忘了告诉他更新 .css 文件！实际上，您所说的最终解决方案是在他不在时在我接受的答案之后添加的，以防止他提出新的 SO 问题

标签： jquery fancybox vimeo fancybox-2

【解决方案1】：

jsFiddle DEMO: Fancybox v2.1.3

Fancybox 网页上的示例需要使用在此位置找到的附加 .js 文件：

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

您还应该为要显示的视频定义width 和height，例如1280 x 656。要知道要使用的确切视频尺寸，为了保留视频的纵横比（因此黑条不会显示在顶部/底部或侧面），只需单击 Vimeo 网页上的下载按钮那个视频。

编辑：另外，我也发现了这个iframed jsFiddle。

【讨论】：