Jquery fancybox+;youtube空白页

Jquery fancybox+;youtube空白页,jquery,youtube,fancybox,Jquery,Youtube,Fancybox,我知道这方面有很多问题,但在过去的3天里,我一直在努力解决这个问题,但没有解决我的问题。 我有一个图像库上的Fancybox 2.0,它工作得很好。 在另一个页面中有一个视频库,即使窗口完美地弹出,它也不会显示视频,而是显示一个空白页面 以下是jquery的代码: <link rel="stylesheet" type="text/css" media="screen" href="jquery.fancybox.css" /> <script type="text/java

我知道这方面有很多问题,但在过去的3天里,我一直在努力解决这个问题,但没有解决我的问题。 我有一个图像库上的Fancybox 2.0,它工作得很好。 在另一个页面中有一个视频库,即使窗口完美地弹出,它也不会显示视频,而是显示一个空白页面

以下是jquery的代码:

<link rel="stylesheet" type="text/css" media="screen" href="jquery.fancybox.css" />

<script type="text/javascript" language="javascript" src="jquery.js"></script>
<script type="text/javascript" language="javascript" src="jquery.fancybox.js"></script>



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

</script>

<script type="text/javascript" language="javascript">

$(document).ready(function(){
$('.fancybox').fancybox();
});
</script>

$(文档).ready(函数(){
$(“.Variable”).fancybox({
最大宽度:800,
最大高度:600,
菲托维:错,
宽度:“70%”,
身高:70%,
自动调整大小:false,
closeClick:false,
openEffect:'无',
近距离效应:“无”
});
});
$(文档).ready(函数(){
$('.fancybox').fancybox();
});
我是这样说的:

<a class="various fancybox.iframe" href="<src="http://www.youtube.com/embed/WQNQU_EQy6I?    rel=0" title="I'm floating"><img src="photos/floatings.png"></a>


任何帮助都将不胜感激

首先,您在链接上的href

<src="

最后,哈哈,请给出一个像“湖面上的鸭子”这样的示例视频,该视频有点恐怖:)

删除$('.fancybox').fancybox();:这很可能是他在作品中提到的用于图像库的脚本,所以我不建议删除它(iFrame的脚本可能与图像的脚本不同)哈哈哈,真恐怖?谢谢你的回复!我设法让它工作:更改了此'href=”
href="<src="http://www.youtube.com/embed/WQNQU_EQy6I?    rel=0"
$('.fancybox').fancybox();