不能用的fancybox

嵌入YouTube視頻

所以我試圖嵌入YouTube視頻中的fancybox彈出窗口。但是，它不會加載，只會出現一個空白的彈出窗口。不能用的fancybox

我已經應用了類.fancyYoutube的鏈接，並已鏈接我的網頁鏈接到jQuery的。

我有一個現場演示了現在用於測試目的，你可以在這裏找到： http://stevepolitodesign.comlu.com/

不工作所在的「投資組合」一節中，並在底部左側的一塊。

下面是受影響的代碼的HTML：

<div class="myWork"> 
<a href="http://youtu.be/aXC4BORr3jI" class="fancyYoutube"> 
<p class="caption"> 
<span class="bold">category:</span> <br /> 
motion graphics <br /><br /> 
<span class="bold">client:</span> <br /> 
camp harrington<br /> 
</p> 
<img src="images/thumbnails_16.jpg" width="130" height="130" alt="Camp Harrington Promotional Video" class="thumbnail"/> 
</a> 
</div>

這裏是jQuery的影響：

$("a.fancyYoutube").fancybox({ 
'transitionIn' : 'elastic', 
'padding' : 0, 
'autoScale' : false, 
'transitionOut' : 'fade', 
'width' : 680, 
'height' : 495, 
'type' : 'swf' 
});

來源

2012-03-19 Stephen Martin

實際上在您的網站html是

<a href="http://www.youtube.com/watch?v=aXC4BORr3jI&amp;feature=channel_video_title" class="fancyYoutube">

，如果你想使用html那就試試這個腳本保持：

$("a.fancyYoutube").click(function() { 
    $.fancybox({ 
      'padding'  : 0, 
      'autoScale'  : false, 
      'transitionIn' : 'none', 
      'transitionOut' : 'none', 
      'title'   : this.title, 
      'width'  : 680, 
      'height'  : 495, 
      'href'   : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
      'type'   : 'swf', 
      'swf'   : { 
       'wmode'  : 'transparent', 
       'allowfullscreen' : 'true' 
      } 
     }); 

    return false; 
});

注意，該腳本將只對當前HTML和的fancybox V1.3.4工作。如果您更改html（或fancybox版本），那麼您可能需要調整腳本

來源

2012-03-20 05:44:03 JFK

http://youtu.be/aXC4BORr3jI重定向到http://www.youtube.com/watch?v=aXC4BORr3jI&feature=youtu.be。

此頁面包含X-Frame-Options:SAMEORIGIN響應標頭，可防止頁面被加載到不同域的框架中。

使用/embed/網址，包括在一幀視頻：http://www.youtube.com/embed/aXC4BORr3jI
另外一個優點是，僅僅是視頻顯示，沒有評論，相關視頻等

來源

2012-03-19 20:19:59

感謝羅布，但是進行這種調整後我還是注意到了沒有改變。 – 2012-03-20 02:50:42

我還沒有看到'/嵌入/'在您的網站。 – 2012-03-20 11:45:02

我已經在本地編輯了，對不起。更新後我應該上傳我的網站。 – 2012-03-20 14:22:24

我將'type' : 'swf'更改爲並開始工作。當然還有「/ embed /」提示。

這是合乎邏輯的，因爲http://www.youtube.com/embed/ ... URL返回HTML代碼，而不是SWF內容本身。

來源

2013-03-12 12:19:10

不能用的fancybox

回答

相關問題