fancybox 2.0.4和Vimeo

将新的fancybox（V.2.0.4 g81c12d7）与新的iframe vimeo嵌入代码集成在一起有很多困难。 有人有解决方案吗？

Answer 1

是的，最简单的方法是使用新的vimeo的“ 通用播放器 ”来嵌入您的video。

请遵循以下步骤：

一个）。 从vimeo页面选择您的某个video，然后选择“ embed ”图标（在video上方）。

B）。 获取看起来像这样的iframe代码：

C）。 提取src属性的内容并将其设置为链接的href ，如：

 open vimeo in fancybox 

d）。 您的fancybox（v2.x）自定义脚本应该如下所示：

请注意，我从iframe代码中获得了width和height 。

更新 （2013年6月25日）：另一种更简单，更简单的方式来观看fancybox中的vimeovideo（今天的v2.1.5）正在使用fancybox媒体助手。 请访问https://stackoverflow.com/a/17202629/1055987以获取进一步的参考。

Answer 2

因为我们只能调整iframevideo的大小，如果它在我们自己的域中，我通过复制所有html内容解决了这个问题

 http://cache.vevo.com/m/html/embed.html 

到http://localhost/vevo.html 。 然后，改变了CSS：

  #videoPlayerSWF { width: 100%; height:100%; } 

现在，我使用以下命令调用fancybox url：

 http://localhost/vevo-embed.html?video=USUV71402745 

它具有相同的HTML，CSS和JavaScript：

 http://cache.vevo.com/m/html/embed.html