小粋空間  -  a cheap joke and a play on words site

YouTubeを効果的に見せるための12の隠しパラメータ

YouTubeの動画をブログに貼り付けるときに次のようなiframeタグを利用するのはご存知かと思います。

<iframe width="470" height="269"
 src="http://www.youtube.com/embed/YDxYmhze5Do"
 frameborder="0"
 allowfullscreen>
</iframe>

このiframeタグに隠しパラメータ（隠されている訳ではありませんが）をつけることで見栄えや動作を変更することができます。

以下の動画はパラメータを付与してみたものです。テーマおよびプログレスバーの色の変更して、セピアカラーの動画にマッチしたデザインにしています。再生後の関連動画の非表示や再生開始位置の変更なども行っています。

ということで以下、隠しパラメータの紹介です。すべてのパラメータは、次の設定例のように、src属性に設定したURLの末尾に指定してください。

上記動画の設定例（赤色部分が隠しパラメータ）

<iframe width="470" height="269"
 src="http://www.youtube.com/embed/YDxYmhze5Do?autohide=1&color=white&rel=0&showinfo=0&start=20&theme=light"
 frameborder="0"
 allowfullscreen>
</iframe>

１．プログレスバーやコントロールの表示・非表示

プログレスバー（再生時間表示）やコントロール（動画下部の部分）の表示・非表示を行うには「autohide=x」を設定します。「x」の部分には以下のいずれかを設定します。

• 0:隠さない
• 1:自動的に隠す（デフォルト）
• 2:プログレスバーだけ隠す

２．自動再生

自動再生を制御するには「autoplay=x」を設定します。「x」の部分には以下のいずれかを設定します。

• 0:手動（デフォルト）
• 1:自動

３．プログレスバーの色を変える

プログレスバーの色を変えるには「color=x」を設定します。「x」の部分には以下のいずれかを設定します。

• red:プログレスバーを赤にする（デフォルト）
• white:プログレスバーを白にする

４．コントロールの表示・非表示

コントロールを表示・非表示を制御するには「controls=x」を設定します。「x」の部分には以下のいずれかを設定します。

• 0:コントロールを表示しない
• 1:コントロールを表示する（デフォルト）

５．キーボードによるコントロールの有効・無効

キーボードによるコントロールを有効・無効を制御するには、「disablekb=x」を設定します。「x」の部分には以下のいずれかを設定します。

• 0:キーボードによるコントロールを有効（デフォルト）
• 1:キーボードによるコントロールを無効

キーボードでコントロール可能な操作は以下です。

• スペース：再生／停止
• 左矢印：現在位置から10%戻る
• 右矢印：現在位置から10%進む
• 上矢印：音量を上げる
• 下矢印：音量を下げる

６．フルスクリーンボタンの表示・非表示

フルスクリーンボタンの表示・非表示を制御するには、「fs=x」を設定します。「x」の部分には以下のいずれかを設定します。

• 0:フルスクリーンボタンを表示しない
• 1:フルスクリーンボタンを表示する（デフォルト）

７．繰り返し再生の有効・無効

繰り返し再生を制御するには、「loop=x」を設定します。「x」の部分には以下のいずれかを設定します。

• 0:繰り返し再生しない（デフォルト）
• 1:繰り返し再生する

「loop=1」を設定した場合、次のように「playlist=VIDEO_ID」の設定も必要です。

http://www.youtube.com/v/VIDEO_ID?version=3&loop=1&playlist=VIDEO_ID

８．異なる動画の連続再生

異なる動画を続けて再生するには、「playlist=VIDEO_ID1,VIDEO_ID2,VIDEO_ID3」にように、VIDEO_IDをカンマ区切りで指定します。これで連続再生ができます。

９．関連動画の表示・非表示

動画の最後に表示される関連動画の表示・非表示を制御するには「rel=x」を設定します。「x」の部分には以下のいずれかを設定します。

• 0:関連動画を表示しない
• 1:関連動画を表示する（デフォルト）

１０．ビデオタイトルやアップローダーなどの情報の表示・非表示

ビデオタイトルやアップローダーなどの情報（動画上部）の表示・非表示を制御するには「showinfo=x」を設定します。「x」の部分には以下のいずれかを設定します。

• 0:ビデオタイトルやアップローダーなどの情報を表示しない
• 1:ビデオタイトルやアップローダーなどの情報を表示する（デフォルト）

１１．再生開始位置の指定

再生開始位置を指定するには「start=秒」を指定します。

１２．テーマの変更

テーマを変更するには「theme=x」を設定します。「x」の部分には以下のいずれかを設定します。

• dark:テーマを暗くします（デフォルト）
• light:テーマを明るくします