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>