jQuery Fancybox和YouTube嵌入

我正试图让YouTube嵌入在Fancybox中打开。 我基于Fancybox页面上的代码 – http://fancyapps.com/fancybox

这是我有的：

Youtube (iframe) 

然后在call.js

 $(document).ready(function() { $(".various").fancybox({ maxWidth : 800, maxHeight : 600, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }) 

但每次点击链接时，它都会在同一个窗口中全屏显示YouTubevideo…而不是在Fancybox中

我已经检查以确保我的Js文件正在加载它们，我在FF控制台中也没有错误。

谁能看到我做错了什么？

Answer 1

如果您使用youtube的embed格式，例如：

 Youtube (iframe) 

…那你有三个选择：

1）。 将特殊类fancybox.iframe添加到您的链接中

 Youtube (iframe) 

的jsfiddle

注意这个类是现有的.fancybox 类的.fancybox （是的， .fancybox的格式是OK）

2）。 将特殊data-fancybox-type="iframe"属性添加到您的链接中，如：

 Youtube (iframe) 

的jsfiddle

3）。 在自定义初始化脚本中添加type: "iframe" ，如：

 $(".fancybox").fancybox({ type: "iframe", // other API options }) 

的jsfiddle

选择任何这些选项（您不需要设置所有选项）