背景・レイアウト
【CoverVid】背景に動画をフルスクリーンで表示する

covervid Demo Page Download Page

フルスクリーンだけでなく、指定したサイズにすることも可能な軽量スクリプト。

Lisence

MITライセンス

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

Browser

01.Firefox02.Chrome03.Opera04.Safari09.InternetExplorer10

Tag

フルスクリーン動画

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

[JS]動画をブラウザいっぱいや指定サイズに背景として配置できる超軽量スクリプト -CoverVid

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

.mp4, .webm などの動画をブラウザいっぱいやセクションの背景として配置できるjQueryの超軽量（800bytes）プラグインを紹介します。 CoverVid CoverVid -GitHu

公開日：2014.11.12

Related Posts

http://www.seanmccambridge.com/tubular/
【jQuery tubular】YouTubeの動画をページ背景にフルスクリーン表示するjQueryプラグイン
http://vodkabears.github.io/vide/
【Vide】動画を全画面で背景に表示できるjQueryプラグイン
http://dfcb.github.io/BigVideo.js/
【BigVideo.js】MP4などの動画をページの背景にフルスクリーン表示するjQueryプラグイン
http://bavotasan.com/demos/fullbg/
【Full Size Background Image】画面いっぱいに背景画像を表示するjQueryプラグイン
http://www.aaronvanderzwan.com/maximage/index.php
【Maximage2】画面いっぱいに背景画像を表示するjQueryプラグイン
glide
【Glide.js】シンプルで汎用性の高いスライダー
http://iamapioneer.com/plugins/skippr/
【skippr】フルスクリーンに対応したスライドショーを実装するjQueryプラグイン
【okvideo】YoutubeやVimeoの動画を背景に表示できるjQueryプラグイン
http://mschmidt.github.io/jquery-fullsizable/
【jquery-fullsizable】画像をフルスクリーンに拡大するjQueryプラグイン
Leanorama
【leanorama】フルスクリーンのパノラマ画像サイトが作れるjQueryプラグイン

Page Top