第一次后灯箱不会播放视频

Question

我的网站上有一个嵌入的 YouTube 视频，可以在灯箱中播放。当用户单击链接时，视频第一次播放良好。如果用户关闭灯箱然后尝试再次单击视频的链接，灯箱会加载但没有视频播放。它显示一个空白屏幕。

有什么想法吗？

代码如下：

链接：

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

带视频的 DIV：

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”属性的行）或者......嗯我不知道还有什么，我必须深入挖掘。