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

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

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives