BIDEO.JSは、webページの背景にフルスクリーンで動画を表示させることができるJSライブラリです。コンテナのサイズに合わせて自動的にリサイズされるので、スマホやタブレットからでも見やすいのがいいですね。HTML5のvideoタグなどが使われています。
BIDEO.JS
以下はBIDEO.JSのデモページです。
デモでは広大な夜空の動画が背景として設定されています。星の動きや雲の流れがとてもダイナミックでインパクトがありますね。
レスポンシブになっているので、ブラウザのサイズを縮小・拡大してもそれに応じて背景動画もいい感じにリサイズされます。モバイル端末からのアクセスが増える昨今、とてもうれしい機能ですね。
オプションはmain.jsでチェックできます。リサイズの有効・無効といった選択も、オプションから指定することが可能です。
というわけで、背景に動画を設置してブラウザいっぱいに表示させたいという方は、ぜひチェックしてみてください。
BIDEO.JSのダウンロードや詳細は以下からどうぞ。