背景・レイアウト
【Vide】動画を全画面で背景に表示できるjQueryプラグイン

http://vodkabears.github.io/vide/
Demo Page Download Page

スマートフォンでは代替静止画像が表示されます。

Lisence

MITライセンス

※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。

Browser

01.Firefox02.Chrome03.Opera04.Safari08.InternetExplorer909.InternetExplorer10

Tag

フルスクリーン動画

設置方法などの参考ページ

[JS]動画をブラウザいっぱいやエレメントの背景として配置できるスクリプト（スマホにも配慮） -Vide

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-vide.html

.mp4, .webm など、動画をブラウザいっぱいやdivなどのエレメントの背景として配置できるjQueryのプラグインを紹介します。 デスクトップでは動画が再生され、スマホでは仕様のため代替の静止

公開日：2014.08.04

Related Posts

http://www.seanmccambridge.com/tubular/
【jQuery tubular】YouTubeの動画をページ背景にフルスクリーン表示するjQueryプラグイン
covervid
【CoverVid】背景に動画をフルスクリーンで表示する
http://dfcb.github.io/BigVideo.js/
【BigVideo.js】MP4などの動画をページの背景にフルスクリーン表示するjQueryプラグイン
http://louisremi.github.io/jquery.backgroundSize.js/demo/
【backgroundSize.js】IE8以下でもbackground-sizeプロパティが利用できるjQueryプラグイン
http://bavotasan.com/demos/fullbg/
【Full Size Background Image】画面いっぱいに背景画像を表示するjQueryプラグイン
http://mschmidt.github.io/jquery-fullsizable/
【jquery-fullsizable】画像をフルスクリーンに拡大するjQueryプラグイン
http://www.aaronvanderzwan.com/maximage/index.php
【Maximage2】画面いっぱいに背景画像を表示するjQueryプラグイン
http://iamapioneer.com/plugins/skippr/
【skippr】フルスクリーンに対応したスライドショーを実装するjQueryプラグイン
glide
【Glide.js】シンプルで汎用性の高いスライダー
【okvideo】YoutubeやVimeoの動画を背景に表示できるjQueryプラグイン

Page Top