PreViewTube.js

JavaScript

YouTubeのサムネイル画像をアニメーション表示してくれる「PreViewTube.js」

PreViewTube.jsはYouTubeにある動画のサムネイル画像をアニメーション付きで表示させることができるjQueryプラグインです。動画を見るか見ないかを決める際のちょっとした判断材料として活用できますね。

PreViewTube.js

デモ

デフォルトではサムネイル画像にマウスオーバーするとアニメーションが開始されます。連続した画像が一定の間隔で切り替わっていくので、ザックリとどういった内容なのかを確認するにはピッタリですね。

オプション項目のmodeをconstantに設定すると常時アニメーションが流れるようになります。スピード(間隔)を調節したい場合はintervalに任意の数値を指定すればOKです。

以下はmodeをconstant、intervalを500に設定した時の使い方です。

$('.someSelector').PreViewTube({
    'interval' : 500,
    'mode' : 'constant'
});

jQuery本体とPreViewTube.jsは予め読み込んでおく必要があります。あとはYouTubeのサムネイルを記述するだけで簡単に表示させることができます。

PreViewTube.js

関連記事

  1. Panoramix Image

    JavaScript

    左右に移動できるパノラマ画像を表示させれる「Panoramix Image」

    Panoramix Imageは、左右に移動できるパノラマ画像を表示さ…

  2. jExcel

    JavaScript

    Excelと互換性のあるスプレッドシートを埋め込めるjQueryプラグイン「jExcel」

    jExcelは、ブラウザにExcelと互換性のあるスプレッドシートを埋…

  3. no-image
  4. Animate Transition
  5. jquery.confirm

    JavaScript

    jQueryとBootstrapを使ったボタンとリンクによるダイアログ実装「jquery.confi…

    jquery.confirmは、ページ内のボタンやリンクをクリックする…

  6. no-image

    JavaScript

    縦スクロールによるフォトギャラリー実装「Simple Scroll Gallery」

    Simple Scroll Galleryは縦スクロールによるかっこい…

最近の記事

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

アーカイブ

PAGE TOP