YouTubeのパラメータ | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

YouTubeのパラメータ

今回はThickBoxを使っておられない方のために
YouTubeのパラメータを紹介します

ThickBox + YouTube
 で、 いくつかのスイッチは紹介していますが
ThickBoxを使わないならではのカスタマイズ・・・色

color1
16 進数形式の RGB 値
境界線のメイン カラー
たとえば赤・・・CSSでしたら #FF0000 ですが YouTubeのcolor1に指定する場合は
&color1=0xFF0000 がスイッチです  最初に 0x をつけてその後に 色コードの6桁の数字

color2
16 進数形式の RGB 値
コントロール バーの背景色と境界線のサブ カラー
たとえば青・・・CSSでしたら #0000FF ですが YouTubeのcolor1に指定する場合は
&color2=0x0000FF がスイッチです  最初に 0x をつけてその後に 色コードの6桁の数字


border
設定しない場合は 0、 1 に設定すると、動画プレーヤーの周りに境界線が表示されます
境界線のメイン カラーは color1 で、サブ カラーは color2 で設定します
color1とcolor2 を設定しても &border=1 がないと枠が表示されません
または &border=1

disablekb
設定しない場合は 0、 1 に設定すると、キーボードによるコントロールが無効になります
  スペースバー: 再生/一時停止
  左矢印: 現在の動画を再生し直す
  右矢印: 現在の動画を 10% 先に進める
  上矢印: ボリュームを上げる
  下矢印: ボリュームを下げる

これはわざわざ使えなくする必要もありませんから使わなくても・・・・
一応こんな機能も合って、キーボードで操作も出来ますよ~って覚えておいていただければ

他にも前にも紹介していますが

自動再生させたい場合は・・・・ &autoplay=1 または &autoplay=1
ThickBoxを使う場合と違って直接貼り付ける場合は
自動再生はウザイだけですので・・・・・
サイトに行って突然音楽が鳴り出すのと同じで注意してください

ループ再生させたい場合は・・・  &loop=1 または &loop=1

関連する動画を含めない &rel=0 または &rel=0

これらのスイッチを組み合わせて好みのYouTubeに仕立てます
見本として緑色の機能を組み合わせてみます

YouTubeからコピーしてきたタグに緑部分を付け加えます(順番は関係ありません)


<object width="390" height="323"><param name="movie" value="http://www.youtube.com/v/UB99LMOwVuE&hl=ja"></param><embed src="http://www.youtube.com/v/UB99LMOwVuE&hl=ja&loop=1&color1=0xFF0000&color2=0x0000FF&border=1" type="application/x-shockwave-flash" width="390" height="323"></embed></object>

2カラムでしたらサイズは変更しなくても表示できますが
3カラムの場合全部を表示できませんのでサイズをwidth="390" height="323"に変更します

サイドバーに貼るつける場合は width="168" height="136"とか width="160" height="130" にして
フリープラグインに貼り付けます
※自分で見ながらサイズは好きに変更下さい




color1に赤、とcolor2 に青を設定していますのでどこがどの色にあたるのか確認下さい
色の組合わせは自由にどうぞ・・・





・・・・・・ ってえらそうに書いてきましたが
YouTubeからタグをコピーする前に  カスタマイズ






あとはタグをコピーして貼り付けるだけ・・・・
・・・・上のように、ループさせたりみたいなカスタマイズはこれにスイッチを追加してください
3カラムのスキンの場合は上を参考にサイズを変えてください
サイドバーにつける場合はもっと小さくしてください


borderを表示しない場合は下のコントロール部分に色が付きますが・・・

枠をつけるとその分サイズが大きくなりますが・・・
サイズの変え方も書いておいたことですし・・・・
個人的には色をつけるんなら枠も色が付いてあった方が・・・・いいな


現在・・・・少し変更があります
カスタマイズボタン?に変更されサイズも選べるようになっています

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


追記です
&start=20 20秒目からスタートさせます・・・コノ部分を見て!ってとき便利かも
&showsearch=0 画面上から出てくる検索を出なくします
&ap=%2526fmt%3D18 高画質
&ap=%2526fmt%3D22 ハイビジョン動画
高画質、ハイビジョン動画は高画質でアップされていない場合は動作しません
18または22で試してください・・・両方表示可能な場合もあります

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

ハイビジョンの貼り付け方は
loxis さまのブログに説明があります


適正解像度(画面のサイズ)
標準 : width="320" height="265"
fmt=6(&ap=%2526fmt%3D6) : width="448" height="361"
fmt=18(&ap=%2526fmt%3D18) : width="480" height="385"
fmt=22(&ap=%2526fmt%3D22) : width="1280" height="1049"

&fs=1 を &fs=0 にするとフルスクリーンに出来なくなります