Question

我无法弄清楚为什么它没有加载，它似乎与他们的演示主页上的fancybox的youtube链接相同。此外，页面上的所有其他fancybox都工作。它是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>

Answer 1

您需要使用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>

Answer 2

对于fancybox 2和视频，您需要添加

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

for iframe

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

example

为什么我的fancybox插件无法用于我的YouTube链接？

2 个答案: