为什么我的 fancybox 插件不适用于我的 youtube 链接？答案

【问题标题】：Why is my fancybox plugin not working for my youtube link?为什么我的 fancybox 插件不适用于我的 youtube 链接？
【发布时间】：2011-12-03 23:45:55
【问题描述】：

我不知道为什么它没有加载，它似乎与他们演示主页上的 fancybox 的 youtube 链接相同。另外，页面上的所有其他花式框都可以使用。这是here，其中一个不起作用的是每个人的吸烟视频。

这是我的html：

<li class="portfolio-tn">
   <a class="fancybox" title="A video I made whilst I was giving up smoking. Unfortunately the video tape reel got damaged and the film quality isn't great. " href="http://www.youtube.com/embed/NXzSX5Cbebw">
       <img alt="thumbnail of Everybody's Smoking Video" src="images/assets/other_stuff/smokingvideo_thumbnail.png">
  </a>
</li>

【问题讨论】：

请在此处显示相关的 HTML 和 JS - 否则，一旦问题得到解决，这个问题对于后代将变得毫无用处。谢谢！
是的 - 可以说，它已成为通用名称。（我删除了评论，现在清楚了）

标签： jquery youtube fancybox lightbox

【解决方案1】：

fancybox 2 和你需要添加的视频

<a class="fancybox-media" href="http://www.youtube.com/watch?v=opj24KnzrWo">My Video</a>

对于 iframe

<a class="fancybox fancybox.iframe" href="http://osx86.transformnews.com/">My Iframe</a>

example

【讨论】：

【解决方案2】：

您需要使用iframe 元素来嵌入来自不同域的视频。

fancybox docs 说您可以使用以下两种方法之一实现此目的：

<a href="http://www.example?iframe">This goes to iframe</a>

或

<a class="iframe" href="http://www.example">This goes to iframe</a>

【讨论】：

啊，太好了，谢谢。我显然没有像我想象的那样关注文档。