2012-12-07 115 views
-1

不知道什麼是捕捉,但在FF中,視頻不斷播放。所有其他瀏覽器在您點擊fancybox之外時關閉......嵌入的Youtube視頻也將停止播放。 Firefox似乎忽略了這一點。我究竟做錯了什麼?Fancybox YOutube視頻正在播放

$(document).ready(function() { 
$(".fancybox").fancybox({ 
    maxWidth : 800, 
    maxHeight : 600, 
    fitToView : false, 
    width  : '70%', 
    height  : '70%', 
    autoSize : false, 
    closeClick : false, 
    openEffect : 'none', 
    closeEffect : 'none', 
    callbackOnClose: function() { 
    $("#fancy_content").html(" "); 
    } 
}); 

    }); 
    $("#fancy_content").empty(); 

    $(document).ready(function() { 
     /* 
     * Simple image gallery. Uses default settings 
     */ 

     $('.fancybox').fancybox(); 

     // Change title type, overlay closing speed 
     $(".fancybox-effects-a").fancybox({ 
      helpers: { 
       title : { 
        type : 'outside' 
       }, 
       overlay : { 
        speedOut : 0, 
        opacity: 0.3, 
        css: {'background-color': '#cdc3b7'} 
       } 
       } 
       }); 
       }); 
+0

有關此問題的一些幫助將不勝感激。 – MizAkita

回答

0
  • 您不必兩次初始化同.fancybox選擇。換句話說,你不必做的事:

    $(".fancybox").fancybox({ 
        // options 
    }); 
    

    ...後來:

    $(".fancybox").fancybox(); 
    
  • #fancy_content不是有效的fancybox選擇(至少對於版本2.x)

  • $("#fancy_content").empty();不在.ready()方法之外。無論如何都是無用的,如上所述。

  • callbackOnClose是不是一個有效的API選項(使用afterClose代替如果需要的話)

  • 這個腳本工作完全正常的跨瀏覽器:

$(".fancybox").fancybox({ 
     maxWidth : 800, 
     maxHeight : 600, 
     fitToView : false, 
     width  : '70%', 
     height  : '70%', 
     autoSize : false, 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none' 
     /* 
     // yo don't need this 
     , 
     callbackOnClose: function() { 
      $("#fancy_content").html(" "); 
     } 
     */ 
    }); 

...正如你所看到的,在這個JSFIDDLE。請確保您使用FF測試(與我的FF v17.0.1正常工作)

+0

這很好,但我在我的內聯div中有其他東西,如文本,項目符號列表等。我的youtube vid只是嵌入。所以當內聯div與lightbox一起彈出時,youtube vid簡單地嵌入到文本的上方。當你關閉他的盒子時,嵌入的vid仍在播放。 – MizAkita

+1

@MizAkita:你從未說過你沒有發佈任何html代碼,而是針對內聯內容。請發佈所有必要的代碼,並且不要讓正在嘗試幫助的人猜測您擁有什麼以及您需要什麼。就我個人而言,我認爲擁有內嵌視頻是一個糟糕的主意,因爲它們會影響您的頁面加載和性能,無論它們是否可見。 – JFK

+0

我同意你的意見。切換到iframe可能是最好的選擇。謝謝... – MizAkita