Question

在我的网页上，我有一个视频链接。链接本身工作正常，如果我希望用户导航到视频并观看它，但我希望它在灯箱中弹出以便点击查看。

这项工作的一个例子可以在this link找到。

Answer 1

您在该链接中提供的示例使用fancybox（特别是版本1.3.4），您可以在http://fancybox.net/找到该示例。它背后的魔力不在name标记中，而是在class中应用于a。

具体来说，a标记写成如下：

<a href="http://example.com/video/12345678" class="fancyboxiframe">link text</a>

以下脚本在运行时会创建我认为您正在寻找的效果：

$('a.fancyboxiframe ,.Video a[href*="vimeo"]').fancybox({
    'type':   'iframe',
    'height':  464, 
    'width' :  853
});

这会激活fancybox jQuery插件，该插件会告诉浏览器，当您点击链接时要执行的操作是在基于iframe的灯箱中弹出它。

根据API：

＆＃39;输入＆＃39;：强制内容类型。可以设置为＆＃39; image＆＃39;，＆＃39; ajax＆＃39;，＆＃39; iframe＆＃39;，＆＃39; swf＆＃39;或者＆＃39;内联＆＃39;

尝试查看网站上插件的文档。它非常易于使用，并且应该为您提供您正在寻找的内容，同时也支持上述脚本作为示例。