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

背景にmp4の動画を流せるjQueryプラグイン「BigVideo.js」サンプル 背景に動画を流せると印象的なサイトになります。
これを簡単に実現するのがBigVideo.js - The jQuery Plugin for Big Background Videoです。
インパクトのあるサイトにご利用ください。

使用方法 BigVideo.js - The jQuery Plugin for Big Background Videoからファイル一式をダウンロード。
<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>
上記で完成ですが、動画の上にコンテンツを乗せたい場合はz-indexなどで調整する必要があります。

sponsors

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

記事作成:
記事URL:

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