Question

我已在此页面上安装并配置了Fancybox 2：http://southernlivingplants.com/carmen_johnston/

第一个视频占位符有一个与之关联的YouTube视频。它应该在Fancybox窗口中弹出，但它直接进入YouTube页面。

我在FireBug中检查了它并且没有出现任何错误。一切似乎都正确加载。

这是我的代码：

<script type="text/javascript" src="../fancybox2/source/jquery.fancybox.js?v=2.1.0"></script>
<link rel="stylesheet" type="text/css" href="../fancybox2/source/jquery.fancybox.css?v=2.1.0" media="screen" />
<script type="text/javascript">
    $(document).ready(function() {
    $('.fancybox-media').fancybox({
    openEffect  : 'none',
    closeEffect : 'none',
    helpers : {
    media : {}
    }
   });
  });   
</script>

我在这里缺少什么线索？

感谢。

Answer 1

视频可以iframe类型显示。要使用它，我们可以使用以下两种方法：

1）在锚标记中添加“iframe”类以及“fancybox-media”。例如，js的代码相同：

<a href="youtube url" class="fancybox-media iframe"><img /></a>

2）或者在fancybox的脚本代码中定义类型，即

$('.fancybox-media').fancybox({
    type : 'iframe',
    // existing stuff   
});

希望这能解决您的问题。

Answer 2

我还建议你看看下面的例子。

http://webdesignandsuch.com/posts/fancybox-download/responsive-youtube-videos/fancybox-youtube.html

只需检查html代码和js代码段，您几乎可以将其应用到您的网站。

为什么没有Fancybox窗口弹出窗口？

2 个答案: