Youtubeの動画を背景に…
なかなか生活リズムが出来ない旦那くん…
なんやかんやしていたら目が冴えてしまったので、以前からちょこっと気になっていた、「動画をサイトの背景に表示する」をやってみようかと…
HTML5でやるやり方もあったけど、なんか動画の差し替えが簡単そうなので、
jQueryのプラグインを使った「Youtubeの動画を背景に表示」をやってみました。
以下サイトからDL
http://www.seanmccambridge.com/tubular/
DLしたファイルをまるっとサバへアップして、とりあえず見れるかチェック。
見れた!
次にjsディレクトリ内の「index.js」に書かれている記述を変更。
$(‘document’).ready(function() {
var options = { videoId: ‘○△□’, start: 3 };
$(‘#wrapper’).tubular(options);
// f-UGhWj1xww cool sepia hd
// 49SKbS7Xwf4 beautiful barn sepia
});
この「○△□」部分に、Youtube内の適当な動画のIDを入れ替える。
そしてサバへアップしチェック!
変わった!
なんとなくわかったところで眠たくなってきたので寝ます..。