2011-10-09 49 views
0

我不明白爲什麼它沒有加載,它似乎與他們的演示主頁上fancybox的YouTube鏈接相同。此外,該網頁上的所有其他fancybox工作。這是here和不工作的是每個人都在吸菸的視頻。爲什麼我的fancybox插件不適用於我的youtube鏈接?

這裏是我的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> 
+0

請出示相關的HTML和JS這裏 - 否則,一旦問題已經解決了這個問題變得無用的後代。謝謝! –

+0

是的 - 可以說,它*已*成爲通用名稱。 (我刪除了評論,現在很清楚) –

回答

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> 
+0

啊,那真是太棒了,謝謝。我顯然沒有像我想象的那麼注意文檔。 – Nicola

0

爲的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

相關問題