【60：tubular】Youtubeの動画を背景に使う

f:id:seintoseiya:20160421090949p:plain
プロジェクトNo.60：tubular - DEMO

Youtubeの動画を背景全面に表示・再生できるJQuery プラグインがあったので試してみた。

ライブラリのダウンロード

まずは公式サイトからライブラリをダウンロード。
tubular, a YouTube Background Player jQuery Plugin | Sean McCambridge Design

使い方

HTML

<body>
	<div class="wrap">
		<!-- コンテンツ -->
	</div>
	<script src="jquery-2.1.4.min.js"></script>
	<script src="jquery.tubular.1.0.js"></script>
	<script>
	$(function(){
	    $('document').ready(function() {
	        var options = { videoId: 'OZDnWcf20kE'};
	        $('.wrap').tubular(options);
	    });
	});
	</script>
</body>