Lightbox第一次播放后不会播放视频

Question

我的网站上有一个嵌入式YouTube视频，可以在灯箱中播放。当用户点击链接时，视频第一次播放正常。如果用户关闭了灯箱，则会再次尝试点击视频的链接，灯箱会加载但不会播放视频。它显示一个空白屏幕。

任何想法发生了什么？

以下是代码：

链接：

<a id="playvid" href="#video"><img src="/image" width="70" alt="Extra 1" /></a

DIV with Video：

div style="display:none"><div id="video" style="width:420; height:345;">
<iframe width="420" height="345" src="http://www.youtube.com/embed/..."
frameborder="0" allowfullscreen></iframe>
</div>
</div>

脚本：

<script type="text/javascript">
    var $j = jQuery.noConflict();
    $j(document).ready(function() {
$j("a.fancybox").fancybox();
$j("a#playvid").fancybox();
});
</script>

我正在使用Fancybox 1.3.4

Answer 1

好吧，问题很简单。因为关闭fancybox时fancybox在内部做了什么（它清除了它在显示的内容中找到的任何iframe的“src”属性）。第二次要查看视频时，src属性已被清除，因此您看不到任何内容。

解决方法是攻击fancybox src并注释掉负责清除iframe的“src”属性的行或者......嗯我不知道还有什么，我将不得不深入挖掘。