0

我已在此页面上安装并配置了 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>

任何线索我在这里缺少什么？

谢谢。

4

2 回答 2

2

视频可以以 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   
});

希望这能解决您的问题。

于 2012-09-12T16:57:11.230 回答
1

我还建议您看一下以下示例。

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

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

于 2012-09-12T17:03:13.633 回答