新・【 みんカラ 】ブログにYouTube動画を貼り付ける方法 2016年度版 Part２

前回のブログ「新・【 みんカラ 】ブログにYouTube動画を貼り付ける方法 2016年度版 Part１」では、基本的な動画の貼り付け方法を紹介しましたが、YouTubeの動画埋め込みプレイヤーには埋め込みオプションで、外観をカスタマイズしたり、動画を自動再生や繰り返し再生させたり、動画の再生開始位置や再生終了位置を指定する等といった裏技的な機能もあります。
そこで今回はYouTubeの動画を貼り付ける際の裏技的なカスタマイズ方法（パラメータオプション）を紹介したいと思います。

まずカスタマイズする上で覚えなくてはならないHTMLコードの見方があります。
上記の埋め込み用のHTMLコードで、下線が引いてある部分がYouTube 動画 SWF の URLです。
その中の https://www.youtube.com/embed/ と ? の間にある ***********部分の１１文字がその動画固有のVIDEO_ID（動画 ID）で、それ以降の ●●●=値 とあるのがパラメータです。
そのパラメータの値を変えたり、新たなパラメータを設定する事によってカスタマイズする事ができます。
動画 ID以降のパラメータは省略することもできますが、その際はYouTubeが設定したデフォルト（初期設定）値になります。 複数のパラメータを指定する場合、間に &（若しくは&） を入れます。
因みに上記例のパラメーターは、

• rel=0は、動画再生が終わったら関連動画を表示しない
• controls=0は、 プレーヤーのコントロールを表示しない。
• showinfo=0は、動画のタイトルとプレーヤーの操作を表示しない。

と言う事を意味してます。
また、 width="580" height="326"は動画埋め込みサイズを幅"580"、高さ"326"ﾋﾟｸｾﾙの大きさに設定することを意味してます。 この数字の部分を半角英数字で任意の数値に換えることによって、動画の埋め込みサイズやアスペクト比を変えることもできます。
allowfullscreenはフルスクリーン表示を許可することを意味しています。この部分を削除すると、全画面表示できなくすることができます。

◇ 関連動画を表示するパラメータ

デフォルト値は 1 に設定されています。
最初の動画の再生が終了したときに、プレーヤーに関連動画を表示するかどうかを指定します。

◇ 動画情報の表示を設定するパラメータ

デフォルト値は 1 に設定されています。
現在のYouTube「埋め込みプレーヤー」の動画には、再生開始前に動画の上部にタイトルが表示されるようになっています。
この動画情報は表示しないようにすることが、showinfoパラメータの値を 0 に指定することで設定できます。

タイトルが表示されると、動画の内容が予め想像できてしまうような場合などに使うと効果的です。（笑）

◇ 動画コントロール バーを表示するかどうかを指定するパラメータ

デフォルト値は 1 に設定されています。
このパラメータ値を 0 に設定すると、埋め込みプレイヤーのアスペクト比やマウスを動画上に移動するに関わらず、動画コントロール バーを非表示にできます。
注: <IFrame>タグによる埋め込みの場合は、パラメータ値が 1 と 2 の場合のユーザー エクスペリエンスはまったく同じですが、controls=2 を指定すると controls=1 よりもパフォーマンスがよくなります。現在は、動画のタイトルのフォントサイズが異なるなど、2 つの値の間でプレーヤーの表示にまだ多少の相違があります。ただし、両方の値の間の相違がユーザーにまったくわからなくなった場合は、パラメータのデフォルト値が 1 から 2 に変更される可能性があります。
動画コントロール バーが非表示になっても、動画上でクリックもしくは、キーボードのスペースキーをクリックすると再生/一時停止できます。音量調整はキーボードの↑/↓のキーを押して操作することはできます。戻す/進めるは←/→のキーを押して操作することはできます。動画上でダブルクリックすると全画面表示になります。

◇ 再生位置を指定するパラメータ

このパラメータを指定することで、動画の再生開始や終了される位置をあらかじめ設定しておいて、その位置から再生を開始や終了させることができます。
動画再生開始位置を指定するには&start=21の数字部分を、動画の再生終了位置を指定するには&end=65の数字部分を、指定したい時間（秒単位の値）に換えます。
再生開始位置と再生終了位置を両方指定することで、元の動画をカット編集することなく、ある特定の場面だけを再生させると言ったようなこともできます。


動画の再生開始位置指定は「埋め込みプレーヤー」だけでなく、YouTubeの動画再生ページにリンクする場合でも指定可能です。
指定方法は、YouTubeの動画再生ページにリンクするURLの末に 「#t=分値m秒値s」を追加します。
例： https://www.youtube.com/watch?v=GagW5fYE62M#t=1m21s

◇ YouTubeのロゴが表示されないパラメータ

デフォルトでは、 0 に設定されています。
通常YouTube埋め込みプレイヤーのコントロール バーには、YouTubeサイトの動画単独ページにリンクするためのYouTubeのロゴが表示されていますが、modestbrandingパラメータの値を 1 に設定すると、これをコントロール バーに表示させないようにすることができます。

◇ 自動再生するパラメータ

デフォルト値は 0 に設定されています。
このパラメータ値を 1 に指定することで、ウェブページが表示されると同時（プレーヤーを読み込んだとき）に、自動的に動画を再生させることができます。
※ ブログにバックグラウンドミュージックを流したいということで使われるケースもあるようですが、視聴者側からすると迷惑に感じる場合の方が多いと思いますので御使用は程々に。（笑）

◇ 繰り返し再生するパラメータ

デフォルト値は 0 です。
単一動画プレーヤーの場合に 1 を設定すると、最初の動画が繰り返し再生されます。再生リストプレーヤーまたはカスタム プレーヤーの場合、再生リスト全体を再生した後、最初の動画から再び再生が始まります。

注: 単一の動画をループさせる場合は、loop パラメータの値を 1 に設定し、既に Player API URL に指定してある動画 ID と同じ値を playlist パラメータの値に設定します。

◇ 複数の動画から「再生リスト」をつくって順番に再生させるパラメータ

YouTube埋め込みプレイヤーには、複数のYouTube動画をひとつにまとめた「再生リスト」を動画プレーヤーとして埋め込む機能もあります。

◇ 再生するコンテンツの選択するパラメータ

listType パラメータは、プレーヤーに読み込むコンテンツを識別するときに list パラメータと組み合わせて使用します。 有効なパラメータ値は、playlist、search および user_uploads です。
埋め込みプレーヤーの設定次第で、動画、再生リスト、ユーザーのアップロード動画、または特定のクエリに対する検索結果が読み込まれるようにすることができます。 ただし、単一動画の読み込みオプション以外は、AS3 埋め込みオブジェクトおよび AS3 プレーヤーを読み込む埋め込み IFrame のみでサポートされます（埋め込み IFrame では HTML5 プレーヤーを読み込むこともできます）。

• playlist 再生リストの読み込み
• user_uploads ユーザーのアップロード動画の読み込み
• search 特定のクエリの検索結果の読み込み

◇ YouTube動画検索の検索結果の動画のリストを読み込んで動画プレーヤーとして埋め込む

listType パラメータの値を search にして、 list パラメータの値を 検索キーワード にすると、YouTube検索で特定のキーワードを検索したときの検索結果の動画のリストを読み込んで動画プレーヤーとして埋め込むこともできます。
パラメータの「list」の値には、「検索キーワード」をいれます。
もし、複数のキーワードが入る場合は、キーワードどうしのあいだを「+」の記号でつなぎます。
下の動画の場合では、「Yolanda Adams+I Believe I Can Fly」というキーワードを指定しています。

◇ 特定のユーザーのYouTube公開動画の動画リストを読み込んで埋め込む

listType パラメータの値を user_uploads にして、 list パラメータの値を YouTubeユーザー名 （半角英数字）にすると、そのユーザーが公開しているアップロード動画の読み込みで埋め込むことができます。
下の動画の場合では、Porscheさんが公開しているアップロード動画を指定して埋め込んでいます。

◇ 再生リストを読み込んで埋め込む

listType パラメータの値を playlist にして、 list パラメータの値を 貼り付けたい動画の再生リスト ID にすると、その再生リストを読み込んで埋め込むことができます。
再生リストは、自分または別のYouTubeユーザーが作成した動画を集めたものです。
再生リスト IDとは、YouTubeの[ 再生リスト ]のページで「 共有 」ボタンをクリックしたときに表示されるhttps://www.youtube.com/playlist?list=PL********************************というアドレスの中のPLから始まる半角英数字の文字列です。
下の動画の場合では、こちらの再生リストを指定して埋め込んでいます。

◇ 動画アノテーションの表示設定パラメータ

デフォルトは 1 に設定されています。
YouTubeではアップロードした動画に、後から吹き出し・コメント・他の動画へのリンクなどを挿入して動画を編集できる機能があります。
公開されたアノテーションは、デフォルトではテロップ表示されますが、iv_load_policy=3と設定するとそのアノテーションを始めから表示しないで再生させることもできます。

◇ キーボード操作を無効にするパラメータ

デフォルトは 0 に設定されています。
このパラメータ値を 1 に設定するとプレーヤーをキーボードで操作できなくなります。
キーボードによる操作は次のようになります。

• スペースキー または [k]キー: 再生 / 一時停止
• ↑上矢印キー: 音量を上げる
• ↓下矢印キー: 音量を下げる
• ←左矢印キー: 現在の動画を 5秒 戻す
• →右矢印キー: 現在の動画を 5秒 進める
• [f]キー: 全画面表示する
• [j]キー: 現在の動画を 10秒 戻す
• [l]キー: 現在の動画を 10秒 進める
• [m]キー: ミュートまたはミュート解除
• [0～9]キー: [0]キーは動画の始めに戻す。[1]キーは動画を 10% 進める。[2]キーは動画を 20% 進める。

関連情報ホームページURL：

https://developers.google.com/youtube/player_parameters?hl=en