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. Expanding Bar Navigation Concept
  2. Easy Z modal

    JavaScript

    シンプルなモーダルウィンドウ・ダイアログボックスを表示できる「Easy Z modal」

    Easy Z modalはシンプルでダイナミックなモーダルウィンドウ・…

  3. Images grid

    JavaScript

    画像のグリッドレイアウトを製作できるjQueryプラグイン「Images grid」

    Images gridは画像のグリッドレイアウトを製作するためのシンプ…

  4. Raindrops.js

    JavaScript

    水面に雨粒が落ちてくるエフェクトが素敵なjQueryプラグイン「Raindrops.js」

    Raindrops.jsは水面に雨粒が落ちてくる素敵なエフェクトを実装…

  5. Tikslus Carousel
  6. no-image

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP