背景にmp4の動画を流せるjQueryプラグイン「BigVideo.js」
背景に動画を流して、インパクトあるサイトを構築してみましょう!
これを簡単に実現するのが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>