BIDEO.JS

JavaScript

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

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

BIDEO.JS

デモ

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

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

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

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

BIDEO.JS

関連記事

  1. ZooMove

    JavaScript

    マウスオーバーで画像を拡大ズーム・移動もできるjQueryプラグイン「ZooMove」

    ZooMoveは、マウスオーバーで指定された画像やエリアをズームするこ…

  2. Random Text Shuffle

    JavaScript

    シャッフルしながらテキストが表示される「Random Text Shuffle」

    Random Text Shuffleは文字をシャッフルしながらテキス…

  3. no-image

    JavaScript

    タッチ対応のドロワーコンポーネント「hy-drawer」

    hy-drawerはタッチに対応したドロワーコンポーネントです。And…

  4. Owl Carousel

    JavaScript

    タッチ操作やレスポンシブにも対応したカルーセルを実装できるjQueryプラグイン「Owl Carou…

    素晴らしいカルーセルを実装できるjQueryプラグインがあったのでご紹…

  5. no-image
  6. no-image

最近の記事

  1. トライポッドスリーブ
  2. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  3. カメラマングローブ Grip Hot Shot III
  4. 包(つつむ)巾着ポーチ

Instagram始めました

Facebookページ

PAGE TOP