fancybox+youtube 空白页

Question

我知道有很多关于此的问题，但过去 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>

我是这样称呼它的：

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

任何帮助将不胜感激。

Answer 1

首先，你的链接上的href有

<src="

如

href="<src="http://www.youtube.com/embed/WQNQU_EQy6I?    rel=0"

然后为了让它工作，删除

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

最后，大声笑，请提供一个示例视频，例如“湖上的鸭子”，那个视频有点吓人:)