Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/script-loader.php on line 757

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/script-loader.php on line 757

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/script-loader.php on line 758

Deprecated: Array and string offset access syntax with curly braces is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/script-loader.php on line 758

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/load.php on line 926

Notice: Trying to access array offset on value of type bool in /home/users/2/ymd3004/web/3004.jp/wp-includes/theme.php on line 2360

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798
動画背景とか、YouTubeなどの埋め込み動画とかの覚書 | Yamada3004(やまだみちよ)Yamada3004(やまだみちよ)
Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

動画背景とか、YouTubeなどの埋め込み動画とかの覚書


Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Bracketsが使いやすくって、コーディングが楽しくてしかたないやまだです(=゚ω゚)ノ

今、新サイトで背景に動画を使ったページを作っています。
いろいろと覚えたので、忘れないうちにメモ

videoタグで表示させる場合はこちらを参考に。
背景に動画を使ったWebサイトの作り方

Manaさんのサイトにはいつもお世話なっていますm(__)m

で、今回はYouTube動画を背景にします。
この場合はjQueryのプラグインを使って配置します。

息子の動画宣伝もかねて、こんなの作りましたよw(※音が鳴ります)
ストロベリーナイト(strawberry night) のオープニング曲を完全耳コピ!動画も面白い。
ドラム以外の全パート、実際に弾いてるんだと!すげー。

作り方はこちらの本を参考にしました。

画像の荒れを目立たなくさせるために網模様とかストライプなんかを重ねるんだけど
網模様は好きじゃないので、画像ではなく背景色を黒の半透明にしたいので、そこだけ調整。

いらない場合は
_ovc.addClass('overlayPattern'); を削除すると消せます。
変更したい場合は、
CSSの「.overlayPattern」に画像を指定してあげると変わります。

あくまでも、背景動画で、本来は音付きの動画はおくべきではないのでこの使い方はあくまでも個人の楽しみとしてw
実務では音なし動画で、サウンドは別に置きON/OFFできるようにするのがいいかも。

ついでに「YouTubeなどの埋め込み動画のレスポンシブ対応にする」の修正

だいぶ前の記事「YouTubeなどの埋め込み動画のレスポンシブ対応にする」で作ったリンクが
クリックすると画面が移動をしてしまうのでaタグのhref=”#”を下記に書き換えました。
それと、横幅の指定が100%にしてしまうと、PCの場合とんでもなく大きくなってしまうのでそのサイズの指定をjs側で。

href="javascript:void(0)"

そして、ついでのついでw
ストロベリーナイトは音楽も映画も最高です(・∀・)!!そして原作も、最高におもしろいです。ただ描写が結構えげつないので、苦手な人は読まないほうがいいかも。「ジウ」なんてもう…

  

この記事をシェアする

関連記事

CATEGORY

SEARCH

PROFILE

歌って踊れる、人見知りなWeb屋。
服とお酒と音楽がスキである(`・ω・´)
PROFILEを見る →

TAGS


Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798

Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/2/ymd3004/web/3004.jp/wp-includes/formatting.php on line 4798