jquery – fancybox 2.0.4和Vimeo

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

解决方法

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

请遵循以下步骤：

一个).从vimeo页面选择您的某个视频,然后选择“嵌入”图标(在视频上方).

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>

请注意,我从iframe代码获得了宽度和高度.

更新(2013年6月25日)：另一种更简单,更简单的方式来观看fancybox中的vimeo视频(今天的v2.1.5)正在使用fancybox媒体助手.检查https://stackoverflow.com/a/17202629/1055987以获得进一步的参考.