YouTube Fancybox未加載視頻

Question

我已經在網站上設置了一個PHP視頻瀏覽器（檢查視頻窗口），當點擊一個視頻縮略圖時，一個視頻應該彈出並與FancyBox腳本一起播放，但相反，視頻只是不加載。爲什麼是這樣？

Answer 1

您正在使用的fancybox V2.X與的fancybox v1.3.x選項（它們並不互相兼容。）

最好的辦法是擺脫這種腳本：

<script type="text/javascript"> 
    $(".videobox").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; 
    }); 
</script> 

，並嘗試這個：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".videobox").fancybox({ 
      width: 680, 
      height: 495, 
      type: "iframe" 
     }); // fancybox 
    }); // ready 
</script> 

通知，因爲你使用YouTube embed模式，我們正在使用type : "iframe"

邊注：當您實際需要單個實例（理想情況下是最新版本）以避免意外錯誤時，您正在加載jQuery（1.7.1和1.7.2）的兩個版本。