jquery - 设置名称以在提供链接时打开特定视频

Question

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

可以在此链接中找到此工作的示例。

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
});

这会激活fancyboxjQuery 插件，该插件会告诉浏览器，当您单击链接时，您想要将其弹出到iframe基于 - 的灯箱中。

根据 API：

'type'：强制内容类型。可以设置为'image'、'ajax'、'iframe'、'swf'或'inline'

尝试查看站点上插件的文档。它非常易于使用，并且应该为您提供所需的内容，同时还配备了上述脚本作为示例。