no-image

JavaScript

Lightbox風のYouTubeフルスクリーンビデオを作れるjQueryプラグイン「YU2FLV」

YU2FLVはLightbox風のYouTubeフルスクリーンビデオを作れるシンプルなjQueryプラグインです。動画を見るのに最適な環境で表示されるので、動画コンテンツをWebページにたくさん載せたい人には便利な機能になるのではないでしょうか。

YU2FLV

デモ

デモページでは「Play my video」というテキストリンクもしくはボタンをクリックするとLightboxのように動画が表示されます。背景にはオーバーレイがかかり、中央に表示される動画に集中しやすい環境になります。

デモには縦横の比率が異なる動画などいくつかのサンプルが設置されているので、気になる人はぜひ触れてみてください。

ちなみにこの比率はオプションの「ratio」という項目から設定できます。この他にもオプションには、minPaddingX、minPaddingY、cssClass、overlayCssClass、iframeCssClass、closeCssClass、closeText、vid、t、openという項目が用意されています。

YU2FLVはレスポンシブにも対応しているうえにファイル容量も軽量なので、モバイルにも最適です。

YU2FLV

関連記事

  1. Trunk.js

    JavaScript

    滑らかなスライド表示がいい!レスポンシブなナビゲーションメニュー「Trunk.js」

    Trunk.jsはレスポンシブに対応したナビゲーションメニューを実装す…

  2. Houdini

    JavaScript

    シンプルな折りたたみ・展開やアコーディオンを実装できる「Houdini」

    Houdiniはシンプルな折りたたみ・展開ができる機能やアコーディオン…

  3. CurvedText

    JavaScript

    曲線上にテキストを配置できるjQueryプラグイン「CurvedText」

    CurvedTextというjQueryプラグインを使えば、任意の曲線上…

  4. SuperEmbed.js

    JavaScript

    さまざまな埋め込み動画をレスポンシブで表示できる「SuperEmbed.js」

    SuperEmbed.jsは、さまざまな埋め込み型の動画をレスポンシブ…

  5. Emergence.js

    JavaScript

    ブラウザで要素の可視性を検出する「Emergence.js」

    Emergence.jsは、ブラウザで要素の可視性を検出することができ…

  6. jQuery Navobile

最近の記事

  1. リンツ リンドール
  2. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  3. ブラジルイパネマ

アーカイブ

PAGE TOP