BIDEO.JS

JavaScript

背景動画をフルスクリーンで表示させるJSライブラリ「BIDEO.JS」

BIDEO.JSは、webページの背景にフルスクリーンで動画を表示させることができるJSライブラリです。コンテナのサイズに合わせて自動的にリサイズされるので、スマホやタブレットからでも見やすいのがいいですね。HTML5のvideoタグなどが使われています。

BIDEO.JS

デモ

デモでは広大な夜空の動画が背景として設定されています。星の動きや雲の流れがとてもダイナミックでインパクトがありますね。

レスポンシブになっているので、ブラウザのサイズを縮小・拡大してもそれに応じて背景動画もいい感じにリサイズされます。モバイル端末からのアクセスが増える昨今、とてもうれしい機能ですね。

オプションはmain.jsでチェックできます。リサイズの有効・無効といった選択も、オプションから指定することが可能です。

というわけで、背景に動画を設置してブラウザいっぱいに表示させたいという方は、ぜひチェックしてみてください。

BIDEO.JS

Nomad 7 Plus Solar Panel【Goal Zero社】キックスタンドや太陽光強度インジケータを搭載したソーラーパネル「Nomad 7 Plus」前のページ

iPhoneの自動ダウンロード(アプリなど)をWiFi接続のみに設定する方法次のページWiFi接続のみ自動アップデート

最近の記事

  1. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP