我正在使用fancyBox從數據庫訪問YouTube網址。我可以讓彈出窗口工作，淡入淡出 - 但我看不到視頻開始播放？如果我在新標籤頁或窗口中打開鏈接，它會播放？這裏是我的代碼：jQuery FancyBox not loading YouTube URL

<a class="fancybox various fancybox.iframe" href="GENERATED YOUTUBE LINK"><img class="recipe_pic " src="_resources/images/SRC FOR IMAGE"></a> 

Script: 

<script> jQuery(document).ready(function() { jQuery(".fancybox").fancybox(); });   

jQuery(document).ready(function() { jQuery(".various").fancybox({ maxWidth : 800, 
maxHeight : 600, fitToView : false, width : '70%', height : '70%', autoSize : false, 
closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script>

來源

2014-03-18 jacob

我們能否看到你的腳本？ – KRUKUSA

那裏我添加了我的jQuery腳本 - 我將$換爲jQuery - 因爲我在使用$從數據庫中拉出來的php頁面上使用它（除非有更好的方式，我應該這樣做） – jacob

我清理了一下你的代碼，並讓它在JSFiddle上運行。確保生成的YouTube網址使用了/embed網址，而不是/watch我不確定它是否正常工作，請確認或否認。

HTML：

<a class="fancybox various fancybox.iframe" href="http://www.youtube.com/embed/9bZkp7q19f0?autoplay=true"><img class="recipe_pic " src="http://www.shoemycolor.com/media/wysiwyg/365984-gangnam-style.jpg"></a>

JS：

jQuery(document).ready(function() { 
    jQuery(".fancybox").fancybox(); 
});   

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