如何使用lightbox2在我的页面中显示视频

时间:2011-01-14 13:49:42

标签: javascript html lightbox

首先,我的网站没有使用Drupal。因此,我们非常感谢弹出视频播放器功能的任何替代方案。

我想在我的网页上显示一个管视频播放器的弹出窗口。我从中下载了lighbox 以下链接: http://ftp.drupal.org/files/projects/lightbox2-6.x-1.11.zip

我将zip文件解压缩到我的网站root

我在页面标题中添加了以下行:

<link type="text/css" rel="stylesheet" media="all" href="/lightbox2/css/lightbox.css?1" />

<script type="text/javascript" src="/lightbox2/js/auto_image_handling.js?1"></script>
<script type="text/javascript" src="/lightbox2/js/lightbox_video.js?1"></script>
<script type="text/javascript" src="/lightbox2/js/lightbox.js?1"></script>

以及身体中的以下内容:

<a href="http://www.youtube.com/watch?v=0gBtF_awV2o" rel=lightvideo[width:500px;height:400px;]>
    <img src="sample" alt="Live TV">
</a>

但是视频在一个新标签中打开而不是弹出窗口。我哪里出错?我无法在任何地方找到这方面的教程,尽管我在其他许多页面中都有弹出视频的这种代码。

编辑:使用的shadowbox。打开youtube页面而不是弹出窗口!

编辑:问题解决了!让Shadowbox工作。这很棒,也很容易。商业许可证的价格是20美元。

4 个答案:

答案 0 :(得分:0)

我会download Lightbox 2 from here,看看它是否有效。

答案 1 :(得分:0)

它不起作用的原因是因为Drupal模块中包含的lightbox.js文件是使用Drupal.settings变量的修改版本,如果你不使用Drupal,则该变量是undefined

答案 2 :(得分:0)

Lightbox2视频在drupal中有效。

您必须在lightbox2设置中启用视频支持 网址:yourdrupal.com/admin/config/user-interface/lightbox2

如果你没有flv播放器,它应该是空的。

答案 3 :(得分:-1)

你可能要么没有正确调用jQuery或lighbox。

确保两个src正确无误。

我不确定我是否了解您的问题,但您无法使用灯箱显示视频,它在常见问题解答中说明了这一点,并建议thickbox

您也可以使用videolighbox或其他任何内容。

祝你好运!