10-12-08

ページの背景にyoutube動画を全画面表示する「jquery-tubular」

demoとmemo

作業内容

タイトル通り、ページの背景にyoutube動画を全画面で表示するためのプラグインjquery-tubularになります。どんなもんぞ、というところで試してみます。コードについては下記の通りで、jquery.jsとswfobfect.jsをgoogleから、jquery.tubular.jsはダウンロードしたものを今回は読み込んでいます。これに加えてYoutubeの動画IDと、ページ全体を覆ったid名を指定すればOK(bodyタグにかけたもの意外)かと。

--- head ---
<script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
<script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="js/101208/jquery.tubular.js"></script>

// $('body').tubular('YoutubeのID','ページ全体を指定しているID名');
<script>
$(function(){
	$('body').tubular('rnFhga_jfj8','wrapper');
});
</script>

参考記事

otani-webs.com / PozuPad / Copyright © 2010 LabPad All Rights Reserved.