jquery - リンクを提供するときに特定のビデオを開く名前を設定します

Question

私のウェブページには、ビデオへのリンクがあります。ユーザーにビデオに移動して見てもらいたい場合は、リンク自体は正常に機能しますが、代わりに、クリックして表示するためにライトボックスにポップアップさせたいと考えています。

この作業の例は、このリンクにあります。

Answer 1

そのリンクで提供した例は、 http://fancybox.net/fancyboxで見つけることができる (具体的にはバージョン 1.3.4) を使用しています。その背後にある魔法はタグではなく、に適用されている にあります。nameclassa

具体的には、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
});

これにより、jQuery プラグインがアクティブにfancyboxなり、リンクをクリックしたときに実行したいことは、iframeベースのライトボックスにポップアップすることであることがブラウザに伝えられます。

APIによると：

'type': コンテンツ タイプを強制します。「image」、「ajax」、「iframe」、「swf」、または「inline」に設定できます

サイトのプラグインのドキュメントを見てみてください。使い方は非常に簡単で、上記のスクリプトを例として使用すると、探しているものが得られるはずです。