JSFiddle

Question

我使用fancyBox从数据库访问YouTube网址。我可以让弹出窗口工作，淡入淡出叠加 - 但我看不到视频开始播放？如果我在新标签或窗口中打开链接，它会播放？这是我的代码：

<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>

Answer 1

我清理了你的代码并让它在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' 
    }); 
});

JSFiddle

Answer 2

确保您没有归因href="#"，或者只需点击event.preventDefault()或return false。因此，当您单击它时，将不会在浏览器选项卡链接字段/#

中添加

jQuery FancyBox没有加载YouTube网址

2 个答案:

JSFiddle