燈箱在第一次後不會播放視頻

Question

我在我的網站上嵌入了一個在Lightbox中播放的YouTube視頻。當用戶點擊鏈接時，視頻首次播放正常。如果用戶關閉燈箱，則會嘗試再次點擊該視頻的鏈接，燈箱會載入但不會播放視頻。它顯示一個空白屏幕。

任何想法是怎麼回事？

下面是代碼：

鏈接：

<a id="playvid" href="#video"><img src="/image" width="70" alt="Extra 1" /></a 

DIV與視頻：

div style="display:none"><div id="video" style="width:420; height:345;"> 
<iframe width="420" height="345" src="http://www.youtube.com/embed/..." 
frameborder="0" allowfullscreen></iframe> 
</div> 
</div> 

腳本：

<script type="text/javascript"> 
    var $j = jQuery.noConflict(); 
    $j(document).ready(function() { 
$j("a.fancybox").fancybox(); 
$j("a#playvid").fancybox(); 
}); 
</script> 

我正在使用Fancybox 1.3.4

Answer 1

好吧，比問題很簡單。由於fancybox在內部關閉fancybox時會執行什麼操作（它會清除它在顯示的內容中找到的任何iframe的「src」屬性）。第二次你想看到視頻的src屬性已被清除，所以你什麼都看不到。

解決方案是要麼進入fancybox src並註釋掉清除iframes「src」屬性的行）或者......我不知道還有什麼，我必須深入挖掘。