背景にmp4の動画を流せるjQueryプラグイン「BigVideo.js」

00573-450x337

背景に動画を流して、インパクトあるサイトを構築してみましょう!
これを簡単に実現するのがBigVideo.js – The jQuery Plugin for Big Background Videoです。

 

設定方法

①上記サイトよりファイル一式をダウンロード。

②下記スクリプトを、設置して完了となります。
背景に設定する場合には、z-index の数値を設定する必要があります。

<link rel="stylesheet" href="bigvideo.css">
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.22.custom.min.js"></script>
<script type="text/javascript" src="jquery.imagesloaded.min.js"></script>
<script type="text/javascript" src="/video.js"></script>
<script type="text/javascript" src="bigvideo.js"></script>
<script type="text/javascript">
$(function() {
	var BV = new $.BigVideo();
	BV.init();
	BV.show('動画.mp4');
});
</script>

ABOUTこの記事をかいた人

GeoDesign

ホームページは、情報収集が得意なメディアです。 集めたデータを活用することで、ホームページの改善だけではなく、リアルマーケティングや、新商品開発に発展するまでにできるのです。
  • 成果の見えるホームページを運用したい。
  • デジタルマーケッターになれる広報担当者を育成したい。
  • 自社メディアでブランド力の強化と、顧客創造を図りたい。
こんな欲求をかかえるあなた。
  • どうしたらウェブサイトから成果が上がるのかわからない
  • 簡単に運用できるシステム、時間ロス・コストロスを減らしたい
こんな悩みをかかえるあなた。 私達にその欲求や悩みを改善するお手伝いを任せてみませんか?