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

【 みんカラ 】ブログに動画を貼り付ける方法としては、ブログの編集画面で、「動画」ボタンをクリックし、表示されるダイアログに、張り付けたいYouTube動画のURLを入力する方法と、ブログの編集ページ本文に直接その張り付けたい動画の埋め込み用のEmbed コードをコピペ（コピー＆ペースト）する方法の２通りの方法がありますが、前者の場合は簡単ではありますが今のところYouTube動画 限定で、しかも動画埋め込みサイズが幅425 × 高さ355 の４対３のアスペクト比でしか選べず、現在主流となっているアスペクト比１６対９の動画を貼り付けた場合、そのままでは動画の上下に黒帯が表示されてしまいます。また、高画質で配信されていてもフルスクリーン表示できないなど自由度がありません。

ですからワタクシはYouTube以外の動画も貼り付けられる後者の方法を薦めていたのですが、先日またYoutubeの仕様変更があり、以前は一般的なウェブサイトに動画を埋め込むためのHTMLタグ<iframe ～></iframe>と、【 みんカラ 】ブログに動画を貼り付けるためのHTMLタグ<object ～></object>の両方の埋め込みコードを選べたのですが、【 みんカラ 】ブログでは使えないHTMLタグ<iframe ～></iframe>の埋め込みコードしか表示されなくなってしまいました。

そこで改めて、【 みんカラ 】ブログに動画を貼り付ける方法 2013年度版を解説したいと思います。

まず、【 みんカラ 】ブログに動画を貼り付けるためには、張り付けたいYouTube動画のURLを入手しなくてはいけません。 ＵＲＬって何？と思われる方もいらっしゃるかも知れませんが、要するにインターネット上にある情報の場所（住所のようなもの）で、具体的には、「http://～」となっているアドレスのことです。

１．まずは、貼り付けようとするその動画のYouTube単独ページにアクセスします。
（ブログやホームページに貼り付けられた動画からYouTube単独ページにアクセスするには、動画の上部にあるタイトルのリンクをクリックするか、動画の下部にあるYouTubeのロゴマークをクリックします）
動画の下にある [ 共有 ] と表示されたボタンをクリックすると、[ 共有 ] ボタンの下に[ この動画を共有 ]と表示されるボタンの下のフォームボックス内に“http://youtu.be/***********”という内容のＵＲＬ（アドレス）が出力されますので、そのＵＲＬをコピー（右クリックして「コピー」を選択）します。
もう一つYouTube動画のURLを入手する方法としては、貼り付けようとする動画上で右クリックして、「Copy video URL」もしくは、「動画の URL をコピー」を選択してもよいです。

２．次にブログの編集ページ本文中の動画を貼り付けたい所（行）でクリックします。

３．続いて、編集画面上の「動画」ボタンをクリックすると表示されるダイアログ（Explorer ユーザープロンプト）のフォームボックス内で右クリックし、「貼り付け」を選択し、ＯＫボタンをクリックします。

４．すると編集中の本文に という埋め込みコードが自動生成されます。

一応、これで動画の貼り付けが出来ているはずですが、このままでは冒頭で述べたように動画埋め込みサイズが幅425 × 高さ355 の４対３のアスペクト比にしかなりません。
【 みんカラ 】ブログ記事の幅は580pxにデザインされていますので、これに合わせて動画の埋め込みサイズやアスペクト比を変えることもできます。
変更する所は上記の埋め込みコードの内のwidth='425' height='355'の数字部分です。
例えばアスペクト比１６対９の動画を貼り付けた場合、数字の部分を半角英数字でwidth='580' height='326'に変更すると記事スペース幅に合わせたサイズで貼り付けられます。

YouTbe動画プレイヤーには動画下部のコントロールバー右にあるフルスクリーンボタンを押すとフルスクリーンサイズで表示する機能がありますが、上記のままではボタンをクリックしても何も変わりません。
フルスクリーン表示可能にするには、wmode='transparent'というコード部分を半角英数字でallowfullscreen='true'に変更するとフルスクリーン表示可能にすることもできます。

いちいち文字入力するのが面倒くさいという人は、予め「メモ帳」などのソフトで といった雛形コードを作成・保存しておいて、ブログ編集本文中の動画を貼り付けたい所に直接 雛形コードをコピー＆ペーストし、その後 動画のビデオＩＤにあたる***********部分だけ換えるという方法もあります。


YouTube動画には冒頭で述べた後者の貼り付け方法もあります。
この方法だと、フルスクリーンサイズで表示する機能もあり、簡単に任意の埋め込みサイズで貼り付けられます。
１．まずは、貼り付けようとするその動画のYouTube単独ページにアクセスします。

２．動画の下にある [ 共有 ] と表示されたボタンをクリックすると、下に[ 埋め込みコード ]と表示されるボタンがありますのでそれをクリックすると、下記のカスタマイズオプションを含んだ埋め込みコードが表示されます。

• □ 動画が終わったら関連動画を表示する
• □ HTTPSを使用する ［？］
• □ プライバシー強化モードを有効にする ［？］
• □ 以前の埋め込みコードを使用する ［？］

３．「 □ 以前の埋め込みコードを使用する 」をクリックしてチェックマークをいれます。

４．動画の埋め込みサイズを選択、または指定します。

５．出力された埋め込みコードをコピー（右クリックして「コピー」を選択）します。

６．次にブログ編集ページに進みます。
ブログ編集ページの下の方にある『HTMLタグ』欄の『有効』にチェックマークが付いている事を確認します。（チェックマークが付いていなければ、クリックしてHTMLタグを有効にします）


７．ブログ編集ページで編集本文中の 動画を貼り付けたい箇所でクリックし、コピーした埋め込みコードをペースト（右クリックして「貼り付け」を選択）します。

８．実線部分の<object ～></object>タグと<param ～></param>タグを削除して<embed ～></embed>部分だけを残すようにします。

これで貼り付け完了です。
YouTube 動画以外の動画を貼り付ける場合もこの方法で貼り付けられます。


YouTubeの動画にはオプションのパラメータを YouTube 動画 SWF URL の末尾に追加することで、外観をカスタマイズしたり、動画の再生開始位置や再生終了位置を指定する等といった裏技的な機能もあります。
次にYouTubeの動画を貼り付ける際の裏技的なカスタマイズ方法（パラメータオプション）を紹介します。

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

• version=3は、ＡＳ３プレイヤーで表示する。
• hl=ja_JPは、言語コードは日本語。
• rel=0は、動画再生が終わったら関連動画を表示するしない

と言う事を意味してます。
また、width="560" height="315"は動画埋め込みサイズを幅"560"、高さ"315"の大きさに設定することを意味してます。
allowfullscreen="true"はフルスクリーン表示を許可することを意味しています。

◇ 動画埋め込みプレイヤーのタイプを指定するパラメータ

YouTube 動画プレーヤーには、ActionScript 2 player，ActionScript 3 player，HTML5 player の３タイプのビデオプレーヤーがあります。
HTML5 playerは、これに対応したブラウザではFlashがなくても動画を再生でき、『Google Chrome』で見ると、広告付き以外の動画では再生速度を変えることもできるといったメリットがあるのですが、残念ながら【 みんカラ 】ブログでは<iframe></iframe>タグの埋め込みコードを使う事が出来ないためこの動画プレイヤーで表示させることができません。
しかしながらAS2プレイヤーとAS3プレイヤーの使い分けは可能です。
2012年5月のYouTube仕様変更によりAS3プレイヤーがデフォルトになりましたので、version=3を指定しなくても（省略しても）ActionScript 3 playerで表示されることになりました。
逆にAS2プレイヤーで表示したい場合には、version=2を指定する必要があります。

◇ 動画コントロール バーの背景色と境界線のサブ カラーを設定するパラメータ

このパラメータはAS2プレイヤーでしか有効になりませんですので、AS2プレイヤーで表示するためのパラメータversion=2を追加指定する必要があります。
境界線のメイン カラーを変更するには&amp;color1=0xf1bf99の&amp;color1=0x以降の６文字の半角英数字部分を、指定したい色の「#（ハッシュ）」を除いた16 進数形式の RGB カラー値に変更します。
動画コントロール バーの背景色と境界線のサブ カラーを変更するには&amp;color2=0x25b7c0の&amp;color2=0x以降の６文字の半角英数字部分を、指定したい色の「#（ハッシュ）」を除いた16 進数形式の RGB カラー値に変更します。

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

動画再生開始位置を指定するには&amp;start=21の数字部分を、動画の再生終了位置を指定するには&amp;end=65の数字部分を、指定したい時間（秒単位の値）に換えます。

◇ 再生画質を指定するパラメータ

YouTubeでは、アップロードされた元の動画ファイルを、標準（360p）画質版、高画質（480p）版、ＨＤ画質（720p）版、フルＨＤ画質（1080p）版など幾つかにエンコードして保存しています。
以前のYouTube「埋め込みプレーヤー」の仕様では&ap=%2526fmt%3D画質値と設定すると再生する画質を指定することができましたが、その後このパラメーターは無効になってしまいました。
しかし現在、AS3プレイヤータイプのYouTube「埋め込みプレーヤー」では下記のパラメータで画質指定できるようです。

パラメータ値	画　質
&vq=small	低画質（240p）
&vq=medium	標準画質（360p）
&vq=large	高画質（480p）
&vq=hd720	ＨＤ画質（720p）
&vq=hd1080	フルＨＤ画質（1080p）
&vq=highres	フルＨＤ画質画質（1080p）以上