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. no-image

    JavaScript

    SVGによるドーナッツ状(円形)のチャートを実装できる「donutty」

    donuttyはSVGによるドーナッツ状(円形)のチャートを実装できる…

  2. jquery.datepicker

    JavaScript

    未来的なデータピッカーを実装できる「jquery.datepicker」

    jquery.datepickerはWeb用の未来的なデータピッカーを…

  3. Wallpaper

    JavaScript

    背景画像のレイアウトをブラウザ幅に合わせてくれるjQueryプラグイン「Wallpaper」

    WallpaperというjQueryプラグインを使えば背景画像のレイア…

  4. Tipr

    JavaScript

    軽量、フラット、シンプルなツールチップを実装できるjQueryプラグイン「Tipr」

    Tiprはフラットでシンプルなツールチップを実装することができるjQu…

  5. JavaScript

    立体的なナビゲーション表示を実装することができるjQueryプラグイン「Box Lid」

    立体的なナビゲーション表示を実装できるjQueryプラグイン「Box …

  6. anchor.js

    JavaScript

    ページ内リンクをスムーズにスクロール移動できるjQueryプラグイン「anchor.js」

    anchor.jsはページ内リンクをスムーズなスクロールで移動すること…

最近の記事

  1. サンクラフト ポテトング
  2. iPhone 11 Pro Smart Battery Case(ホワイト)
  3. メイソンピアソン ヘアブラシ
  4. COMOLI ベタシャンCPOシャツ(サックス)

アーカイブ

PAGE TOP