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

spzoomシンプルで使いやすい画像ズームを実装できるjQueryプラグイン「spzoom」前のページ

ナビゲーションメニューがスライドで表示される「Slide Out Navigation Menu」次のページno-image

関連記事

  1. Material ScrollTop Button
  2. JavaScript

    JavaScriptの基本構文を忘れた!って時にサクっと見たい10項目

    最近はよくjQueryプラグインを使ったりすることが多くなってきたので…

  3. jQuery Seat Charts
  4. Naver

    JavaScript

    シンプルですごくいい!レスポンシブに合うナビゲーションのjQueryプラグイン「Naver」

    NaverというjQueryプラグインがすごくシンプルでよかったのでご…

  5. Glide.js

    JavaScript

    軽量・フレキシブル・高速なスライダー&カルーセル実装「Glide.js」

    Glide.jsは軽量・フレキシブル・高速なJavaScript ES…

  6. Ziehharmonika

    JavaScript

    かっこいいアコーディオンを実装できる軽量のjQueryプラグイン「Ziehharmonika」

    アニメーションがとてもクールでかっこいいアコーディオンを実装することが…

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP