動画Bracketsが使いやすくって、コーディングが楽しくてしかたないやまだです(=゚ω゚)ノ今、新サイトで背景に動画を使ったページを作っています。覚えたので、忘れないうちにメモvideoタグで表示させる場合はこちらを参考に。背景に動画を使ったWebサイトの作り方Manaさんのサイトにはいつもお世話なっていますm(__)mで、今回はYouTube動画を背景にします。この場合はjQueryのプラグインを使って配置します。オープニング曲を完全耳コピ!動画も面白い。ドラム以外の全パート、実際に弾いてるんだと!すげー。DEMO作り方はこちらの本を参考にしました。画像の荒れを目立たなくさせるために網模様とかストライプなんかを重ねるんだけど網模様は好きじゃないので、画像ではなく背景色を黒の半透明にしたいので、そこだけ調整。変更したい場合は、CSSの「.overlayPattern」に画像を指定してあげると変わります。背景動画で、本来は音付きの動画はおくべきではないのでこの使い方はあくまでも個人の楽しみとしてw実務では音なし動画で、サウンドは別に置きON/OFFできるようにするのがいいかも。ついでに「YouTubeなどの埋め込み動画のレスポンシブ対応にする」の修正だいぶ前の記事「YouTubeなどの埋め込み動画のレスポンシブ対応にする」で作ったリンクがクリックすると画面が移動をしてしまうのでaタグのhref=”#”を下記に書き換えました。それと、横幅の指定が100%にしてしまうと、PCの場合とんでもなく大きくなってしまうのでそのサイズの指定をjs側で。(SILK-B)そして、ついでのついでwストロベリーナイトは音楽も映画も最高です(・∀・)!!そして原作も、最高におもしろいです。描写が結構えげつないので、苦手な人は読まないほうがいいかも。「ジウ」なんてもう...この記事をシェアするTwitterFacebookはてブGoogle+PocketLINEfeedlyAdobeの無料エディター「Brackets」使ってみた。フォトショ(Ph関連記事YouTubeなどの埋め込み動画のレスポンシブ対応にする日記再開。食べることSEARCHvaiPROFILE歌って踊れる、人見知りなWeb屋。