Question

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

Answer 1

是的，最简单的方法是使用新的vimeo“universal player”来嵌入您的视频。

请按照以下步骤操作：

A）。在vimeo页面选择您的某个视频，然后选择图标“embed”（在视频上方）。

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

<iframe src="http://player.vimeo.com/video/34792993?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

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

<a class="vimeo" href="http://player.vimeo.com/video/34792993?title=0&amp;byline=0&amp;portrait=0">open vimeo in fancybox</a>

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

<script type="text/javascript">
$(document).ready(function() {
 $(".vimeo").fancybox({
  width: 400,
  height: 225,
  type: 'iframe',
  fitToView : false
 });
});
</script>

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

更新（2013年6月25日）：在fancybox（今天的v2.1.5）中观看vimeo视频的另一种简单易用的方法是使用fancybox媒体助手。请查看https://stackoverflow.com/a/17202629/1055987以获取进一步的参考。

Answer 2

因为我们只能调整iframe视频的大小，如果它在我们自己的域中，我通过复制所有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

fancybox 2.0.4和Vimeo

2 个答案: