【 みんカラ 】ブログに動画を貼り付ける方法 改訂版

以前、何回か動画共有サイトについてこのブログで紹介したことがありましたが、その後ネットビジネスの世界は生存戦争は激しく、マイクロソフトが提供していた動画共有サイト『 Soapbox 』や高画質で人気があった海外のサイト『 STAGE6 』は撤退、みんカラユーザーに人気があった『 MOVIE+CASTER 』もサービスを終了、SONYが運営していた『 eyeVio 』は株式会社スプラシアに運営変更、『 Veoh 』も経営破たんしイスラエルの企業Qlipsoが買収するなど移り変わりの激しい業界を象徴しております。

そんな中、『YouTube』は攻撃の手を緩めず、昨年１１月にフル HD（ 1920 × 1080 ）での配信が可能になったと思ったら、更に今年７月にはフル HD の４倍以上の解像度４k ( 4096 x 2304 ) resolution に対応、投稿できる動画の長さも最大 15 分までになりました。
今や『YouTube』は公的機関や企業までが「低コスト」で「世界的規模」で情報を発信できる点に注目し、広告メディアの一つとして積極的に利用するようにもなりました。

【 みんカラ 】ユーザーの中にも多くの方がそうした動画やご自身の車載映像などをブログで公開されていますが、誤った貼り付け方法のため、特定のブラウザで見るとブログ全体のデザインが崩れてしまっていたり、元の動画が高画質で配信されているのに小さいサイズで貼り付けているために生かしきれていないケースなど見受けられます。
そこで再度、前回から変更された事項を含め、【 みんカラ 】ブログへの正しい？動画の貼り付け方を御紹介したいと思います。

【 みんカラ 】ブログに動画を貼り付ける方法としては、 みんカラ　サポートブログでも動画（YouTube）の張り付け方について解説されてますが、その方法（ブログ編集ページにある動画ボタンをクリックして、Explorer ユーザープロンプト（スクリプト プロンプト）の入力欄に動画のＵＲＬをコピペする）の場合、簡単ではありますが今のところYouTube 限定で、しかも動画埋め込みサイズが幅425 × 高さ355 の４対３のアスペクト比でしか選べず、１６対９の動画の場合、そのままでは動画の上下に黒帯が表示されてしまいます。また、フルスクリーン表示できないなど自由度がありません。
そこでワタクシは編集ページ本文に直接埋め込み用のEmbed コードをコピペ（コピー＆ペースト）する方法をお勧めするのですが【 みんカラ 】ブログに動画を貼り付ける場合に注意することがあります。

通常、ウェブサイトに動画を埋め込むには<object ～></object>や<embed ～></embed>、または<iframe ～></iframe>や<script ～></script>などのHTMLタグを使用して張り付けますが、 【 みんカラ 】ブログでは、<object ～></object>や、<iframe ～></iframe>や<script ～></script>などのHTMLタグは、強制的に無効になる設定になっており、HTML表記が文字列として表示されるだけです。

埋め込み用のHTMLコードに<embed ～></embed>を使っているものは、コードをそのままコピペするだけで問題はありませんが、<iframe ～></iframe>や<script ～></script>タグを使っているものは【 みんカラ 】ブログに動画を貼り付けることが出来ません。

一般的な動画共有サイトの多くでは、<object ～></object>タグを埋め込み用のコードとして用いていますが、【 みんカラ 】ブログの場合、これをそのままコピペすると、動画を貼り付けることはできるものの上記の理由で動画の前後に<object ～></object>という文字列として表示されてしまいます。
そこで、コピペした後その<object ～>と</object>部分を削除して下さい。
と、ここまでは 実行されている方は多いのですが、<param ～></param>タグ部分もできれば削除して、<embed ～></embed>タグ部分だけを残すようにして下さい。
<param ～></param>タグは削除しなくても映像は表示できますし、｢Internet Explorer｣や｢Safari｣，｢Google Chrome｣では問題なく表示できますが、「Netscape」や「Firefox 3.1」以下のブラウザで見ると、バグ？によりブログ全体のレイアウトが崩れてしまいます。
最新の「Firefox」ではバグが修正されレイアウトが崩れることがなくなりましたが、旧いバージョンの「Firefox」を使用している人のことも考慮してこの部分も削除する事をお奨めします。

◇ 貼り付け方法例

例えば『YouTube』の動画を貼り付ける場合、
まず、貼り付けようとするその動画の単独ページにアクセスします。
動画の右下にある <埋め込みコード> と表示されたボタンをクリックすると、下記のカスタマイズオプションを含んだ埋め込みコードが表示されます。

• 関連する動画を読み込むか否か、
• 境界線の表示、
• プライバシー強化モードを有効にする、
• iframe 埋め込みコードを使用する、（【 みんカラ 】ブログでは iframe タグによる埋め込みはできません）
• 動画プレイヤーの色、
• 動画プレイヤーのサイズ、（【 みんカラ 】ブログの標準のスタイルシートでは、ブログ記事のスペースは幅 580pxのサイズにデザイン指定されていますので動画埋め込みサイズも幅 580以下になるようにしてください）

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

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


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

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

フォトギャラリーでの解説ページ

https://minkara.carview.co.jp/userid/310698/car/292510/2244114/photo.aspx

これで【 みんカラ 】ブログへの正しい？動画の貼り付け方が分かりましたでしょうか？
分かったところで？、次にYouTubeの動画を貼り付ける際の裏技的なカスタマイズ方法（パラメータオプション）を紹介します。

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

• fs=1は、フルスクリーンボタンを表示する。
• hl=ja_JPは、言語コードは日本語。
• rel=0は、関連する動画を読み込まない。（動画の再生が完了した後、関連する動画を表示しない。）

と言う事を意味してます。
また、width="425" height="344"は動画埋め込みサイズが幅"425"、高さ"344"の大きさに設定することを意味してます。

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

このパラメーターを設定すると、動画の再生開始位置を秒単位の値で指定することができます。
例えば下のように動画の先頭から２分２７秒位進めた位置から再生開始させるという事が可能になります。
動画再生開始位置指定は「埋め込みプレーヤー」だけでなく、YouTubeの動画再生ページにリンクする場合でも指定可能です。
指定方法は、YouTubeの動画再生ページにリンクするURLの末に 「#t=分値m秒値s」を追加します。
http://www.youtube.com/watch?v=CMcWk5w_37w#t=2m27s

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

現在のYouTube「埋め込みプレーヤー」の動画には、再生開始前に動画の上部にタイトルが表示されるようになっています。
この動画情報は表示しないようにすることが、showinfoパラメータの値を0に指定することで設定できます。
タイトルが表示されると、動画の内容が予め想像できてしまうような場合などに使うと効果的です。（笑）

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

YouTube「埋め込みプレーヤー」には境界線（額縁）をつけたり、動画コントロール バーや境界線に背景色を設定することができます。
borderパラメータの値を1に設定すると、動画プレーヤーの周りに境界線が表示されます。
境界線のメイン カラーは color1パラメータで、動画コントロール バーの背景色と境界線のサブ カラーは color2パラメータで設定できます。
背景色を表す値は 「#（ハッシュ）」を「0x」に置き換えた16 進数形式の RGB 値を記入します。
埋め込みコードを取得する際に、カスタマイズオプションで８通りのカラーオプションが用意されてますが、それ以外の色も RGB カラー値を変更すれば指定可能です。

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

YouTubeでは、アップロードされた元の動画ファイルを、標準（360p）画質版、高画質（480p）版、ＨＤ画質（720p）版、フルＨＤ画質（1080p）版など幾つかにエンコードして保存しています。
以前のYouTube「埋め込みプレーヤー」の仕様では&ap=%2526fmt%3D画質値と設定すると再生する画質を指定することができましたが、現在では「埋め込みプレーヤー」の改良で動画下のコントロールバーからそれぞれの画質版での再生が選択できるようになってきているので、このパラメーターは無効になっているようです。
しかしながら元の動画ファイルが 720ｐ以上の画質でアップロードされたものに対してはhd=1と設定すると予め 720ｐＨＤ画質で再生指定することができます。
【 720ｐＨＤ画質版再生指定 】
現在の「埋め込みプレーヤー」での再生画質指定は、オプションで720ｐＨＤ画質で指定できるだけになってしまいましたが、YouTubeの動画再生ページでの再生画質指定は今でも可能です。
指定方法は、YouTubeの動画再生ページにリンクするURLの後に 「&fmt=値」を追加します。
【 1080ｐＨＤ画質版再生指定 】
http://www.youtube.com/watch?v=4TshFWSsrn8&fmt=37

パラメータ値	画　質	ファイル形式	音　声	解像度(4：3)	解像度(16：9)
&fmt=5	旧標準画質（240p）	FLV：H263+MP3	モノラル	320x240	320x180
&fmt=6	旧高画質（240p）	FLV：H263+MP3	モノラル	480x360	480x270
&fmt=18	高画質iPod用？（360p?）	MP4：H264+AAC	ステレオ	480x360	480x270
&fmt=34	新標準画質？（360p）	FLV：H264+AAC	ステレオ	320x240	320x180
&fmt=35	新高画質？（480p）	FLV：H264+AAC	ステレオ	480x360	?640x360
&fmt=22	ＨＤ画質（720p）	MP4：H264+AAC	ステレオ	960x720	1280x720
&fmt=37	フルＨＤ画質（1080p）	MP4：H264+AAC	ステレオ	1440x1080	1920x1080
&fmt=38	Original 画質（1080p以上）	MP4：H264+AAC	ステレオ

※全ての動画に、それぞれ上記画質版があるわけではありません。
（元々の動画ファイルが低画質の場合には、高画質版は無いこともあります。その場合は標準画質で再生されるようになっているようです。）

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

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

他にもキャプションの表示設定パラメータなどもありますが、詳しくは下記サイトを参照して下さい。

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

http://code.google.com/intl/en/apis/youtube/player_parameters.html 英語
http://code.google.com/intl/ja/apis/youtube/player_parameters.html 日本語