ブログにYouTubeを貼る : プレイヤーの色を変える

さて、ブログにYouTubeの動画を貼っている方々は多いと思います。

そこで、ちょっぴり他のサイトと差をつけたいな、と思っている方も少なくないはず。

そういうワケでYoutubeのプレイヤーの色を変えてみようではありませんか。ちょっと無骨なプレイヤーの色をファッショナブルだったりファンシーだったりにしてみま専科。

できる事は多くありませんが、簡単ですので是非。

Pacific231 - 西友火曜得の市
■default ■gold


■画像をクリックすると拡大表示されます
000000

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/zr0o_QgAS8U"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/zr0o_QgAS8U&color1=0x000000&color2=0x000000&border=0"type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

src="http://www.youtube.com/v/zr0o_QgAS8U&color1=0x000000&color2=0x000000&border=0"


srcの中のURLの後に&またはより正確に&で続けてcolor1color2borderを指定してやります。

src="http://www.youtube.com/v/zr0o_QgAS8U&color1=0x000000&color2=0x000000&border=0"


色の変更は「color1=0x000000」と、0xの後ろに16進数で色を指定してやります。カラーネームでの指定では動作が確認されなかったので必ず16進数で指定してください。

src="http://www.youtube.com/v/zr0o_QgAS8U&color1=0x000000&color2=0x000000&border=0"


尚、「color1=0x」の0に1など他の数字を指定すると色の指定を無視して「000000」、つまり黒になりますので御注意を。

src="http://www.youtube.com/v/zr0o_QgAS8U&color1=0x000000&color2=0x000000&border=0"


color1はプレイヤーのハイライト部分を、

color2はプレイヤーのその下のボディ(下地)の色を指定できます。

borderborder=1と1を指定してやると外枠を形成します。尚、ここでのborderはimgに指定する場合と違って1以上の値を指定しても1以上にはならず、この太さ以上にも以下にもなりません。因みに、color1とcolor2で違う色を指定した場合、borderは水平に真ん中からcolor2とし上下へcolor1の色へとグラデーションになります。もう一つ注意点がありまして、borderを指定した場合「width」で指定した横幅に左右10pxのmarginが出来てしまいます。

000000-000000-1 tips

src="http://www.youtube.com/v/zr0o_QgAS8U&color1=0x000000&color2=0x000000&border=1"
f5f5dc-808000-1

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/zr0o_QgAS8U"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/zr0o_QgAS8U&color1=0xF5F5DC&color2=0x808000&border=1"type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

src="http://www.youtube.com/v/zr0o_QgAS8U&color1=0xF5F5DC&color2=0x808000&border=1"


これを踏まえてcolor1に同系色でcolor2よりも濃い色を指定する事によってフラットな感じを表現する事も可能になります。

000000-dcdcdc

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/zr0o_QgAS8U"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/zr0o_QgAS8U&color1=0x000000&color2=0xDCDCDC&border=0"type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

src="http://www.youtube.com/v/zr0o_QgAS8U&color1=0x000000&color2=0xDCDCDC&border=0"


color1、color2、borderを組み合わせる事により色々な表現が可能になりますのでブログに貼る際、好みに応じてコーディネートしてみると見映えが良くなると思いますので色々とチャレンジしてみてください。
color


YouTube 完全攻略マニュアル
(単行本)
cover
buy : Amazon.co.jp

落とせる!遊べる!
YouTube超絶テクニック大全
(TJムック) (大型本)
cover
buy : Amazon.co.jp



iGetYou
cover
buy : Amazon.co.jp
CONTENT'S FUTURE
ポストYouTube時代の
クリエイティビティ
(単行本 (ソフトカバー))
cover
buy : Amazon.co.jp




e動画録画
cover
buy : Amazon.co.jp



動画ダウンロード保存
cover
buy : Amazon.co.jp

iPod selection
モバイル動画 プラスDVD
(説明扉付スリムパッケージ版)
cover
buy : Amazon.co.jp


ニコニコ動画+YouTube
動画共有サイトを楽しく活用する本
cover
buy : Amazon.co.jp

< YouTube >

website : http://www.youtube.com/

tktgysmr : 2007.11.03 - 04:31 : , ,