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. Yamm 3

    JavaScript

    メガメニューをBootstrap3で実装する「Yamm 3」

    Yamm 3はメガメニューをBootstrap3を使って実装することが…

  2. ScrollMe

    JavaScript

    シンプルなスクロールエフェクトを実装できるjQueryプラグイン「ScrollMe」

    ScrollMeというjQueryプラグインを使えば、シンプルでスタイ…

  3. MediumLightbox

    JavaScript

    Mediumライクな画像ズームを実装できる「MediumLightbox」

    シンプルでエレガントな画像ズーム機能をwebサイトに実装できる「Med…

  4. tabellajs

    JavaScript

    タッチ対応のレスポンシブなテーブルを実装できる「tabellajs」

    tabellajsはタッチに対応したレスポンシブで操作性のよいテーブル…

  5. Hamburger Icon Menu
  6. jQuery Context Menu

    JavaScript

    軽量でシンプルなコンテキストメニューを実装できる「jQuery Context Menu」

    jQuery Context Menuは、軽量でシンプルなコンテキスト…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP