Vide_-_easy_as_hell_jQuery_plugin_for_video_backgrounds

【jQuery】スタートアップには欠かせない!動画背景プラグインVIDE

2014.08.30   1290


スタートアップのサイトで良く見る動画背景のページかっこ良いですよね。
jQueryプラグインのVIDEを使えば簡単に出来ちゃいます。

VIDEのデモ


 

VIDEのダウンロード

 

VIDEの使い方

それではVIDEの使い方を見ていきましょう。
それぞれのコードを載せますね。

HTMLコード

チェックポイント

「data-vide-bg」に指定するVideoファイルまでのパスにはクロスブラウザ対策の為に、いくつかの拡張子を用意しよう。
デモではmp4,webm,ogv,jpgが用意されている。
ブラウザに合わせてプラグインが最適な拡張子ファイルを選択してくれる。

 

CSSコード

 

JavaScriptコード

オプション

 

プラグインへ一言

なんちゅうカッコ良さや…

 

Feedlyで最新プラグインをチェック

follow us in feedly

良ければフォローもお待ちしております