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. Parazoom

    JavaScript

    クールに拡大・チルトする画像ズーム「Parazoom」

    Parazoomはクールに拡大・チルトする画像ズーム機能を実装できるj…

  2. GridTab

    JavaScript

    グリッドベースのレスポンシブなタブを実装できるjQueryプラグイン「GridTab」

    GridTabはグリッドベースによるレスポンシブに対応したタブを実装す…

  3. gridstack.js

    JavaScript

    ウィジェットレイアウトを作成できるjQueryプラグイン「gridstack.js」

    gridstack.jsはドラッグ&ドロップでウィジェットレイアウトを…

  4. Effect Ideas for Card Stacks

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP