【jQuery】動画を背景につかったサイト

動画が背景にながれてるサイトってかっこいいなあ

 

どうせぼくなんかにゃつくれっこないんだろうなあ難しいんだろうなあ

 

な〜んて思ってたら、

 

 

超簡単に

 

つくれちゃうのが今の時代

 

 

jquery-tubular

 

↑こちらのjQueryを実装するだけの簡単なお仕事

 

 

以下、ざっくりとした手順

 

 

1. 背景にたれながしたい動画をyoutubeにアップロードする

 

2. 必要なファイルを読み込む

$().ready(function() {
$('#wrapper').tubular({videoId: 'youtube動画id'});
});

 

3. 動画のidを記述する

 

 

4. はいおわり

 

 

参考サイト:「Webクリエイターボックス」さん http://www.webcreatorbox.com/tech/video-background/

関連するかもしれない記事

要素が表示されたときに処理を行ひたひ

ここを参考にさせていただきました。ありがとうございます。 http://on-ze.com/archives/2679

2016.08.29

【jQuery】コンテンツをオーバーレイ表示させちゃう

デモ   OPEN CLOSE でた!   HTML部分 <div id="btn">OPEN</div> <div id=&qu…

2015.09.16

ボタンクリック→開く

実装したいなら以下   more 中身だよ         <script> $(document).ready(function(){ …

2015.08.19

スクロール量でヘッダーなどの要素を固定するやつ

がんばれ     Html <div id="oya"> <div id="ko"> <nav> &lt…

2015.05.12

スクロールしてたら下からいきなりニュルっとでてくるあれ

これやで〜       CSS   footer { background: #000; color: #fff; padding: 20px 0; posit…

2015.05.01

Page Top


Warning: Use of undefined constant XML - assumed 'XML' (this will throw an Error in a future version of PHP) in /home/44uta/www/44uta/wpbox/wp-content/plugins/wp-syntaxhighlighter/wp-syntaxhighlighter.php on line 1048