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. Background Blur

    JavaScript

    画像をボカしてくれるクロスブラウザ対応の「Background Blur」

    Background Blurは画像をカッコよくボカしてくれるクロスブ…

  2. no-image

    JavaScript

    高性能なイメージビューアを実装できる「PhotoViewer」

    PhotoViewerは高性能なイメージビューアを実装できるJSプラグ…

  3. jQuery Elastic Grid
  4. no-image

    JavaScript

    多彩なエフェクトを備えたjQueryスライダープラグイン「camera-slider」

    camera-sliderは多彩なエフェクトを備えた美しいスライドショ…

  5. jcSlider

    JavaScript

    CSS3を使ったレスポンシブ対応スライダーを実装できるjQueryプラグイン「jcSlider」

    jcSliderは、アニメーションを使用しないスライダーのプラグインで…

  6. jQuery Modal

    JavaScript

    シンプルでレスポンシブなモーダルボックス「jQuery Modal」

    jQuery Modalはシンプルでレスポンシブに対応したモーダルボッ…

最近の記事

  1. ライオン システマ 超コンパクト ふつう
  2. タリーズ ハムチーズ&サラダサンド
  3. クリニカのY字タイプのフロス
  4. 日和山公園の桜
  5. 成城石井 フレンチロースト

アーカイブ

PAGE TOP