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

8月中旬、みんカラではYouTube側のアップデートの弊害に対応して、みんカラブログへの動画の貼り付け方を変更しました。 （一旦<embed>HTMLタグの埋め込みコードを生成してから、それを<iframe>HTMLタグの埋め込みコードに変換するようになりました。）
その結果、YouTube動画をブログ上で全画面表示出来るようになったのと、Flash Playerではなく、HTML5 Playerで再生出来るようになったことにより、HTML5 Playerに対応するブラウザで観ると、動画の再生速度を変えて見ることが出来るようになりました。（喜）
反面、良いことばかりではなく、動画の埋め込みサイズ変更やパラメータオプションを使って、YouTube 埋め込みプレイヤーの外観をカスタマイズしたり、動画の再生位置指定させること等がみんカラ上では出来なくなってしまいました。（残念）

そしてまた、10月から?変更があったようで、遂に今まで頑なに拒否してきた<iframe></iframe>HTMLタグによる動画の埋め込みコードに変更したようです！

これによって良くなったのは、何かと脆弱性が多いと言われるFlash Playerに依存することなく動画再生出来ることと、動画の埋め込みサイズ変更やパラメータオプションを使って、動画の再生位置指定させること等がみんカラ上でも変更することが出来るようになりました。（嬉）


そこで改めて、【 みんカラ 】ブログにYouTube動画を貼り付ける方法 の2016年度版を解説したいと思います。
【 みんカラ 】ブログにYouTube動画を貼り付ける方法には大きく分けて二つの方法があります。

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

１．まずは、貼り付けようとするその動画のYouTube単独ページにアクセスします。
（ブログやホームページに貼り付けられた動画からYouTube単独ページにアクセスするには、動画の上部にあるタイトルのリンクをクリックするか、動画の下部にあるYouTubeのロゴマークをクリックします）

動画の下にある [ 共有 ] と表示されたボタンをクリックします。すると、その下に[ 共有 ] と表示されるボタンの下のフォームボックス内に“https://youtu.be/***********”という内容のＵＲＬ（アドレス）が出力されますので、そのＵＲＬをコピー（右クリックして「コピー」を選択）します。

もう一つYouTube動画のURLを入手する方法としては、貼り付けようとする動画上で右クリックして、「動画の URL をコピー」「Copy video URL」を選択してもよいです。


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

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



４．すると編集中の本文に
という埋め込みコードが自動生成されます。
確認画面でチェックすると、実際には↓こんな感じで貼り付けられていると思います。

一応、これで動画の貼り付けが出来ているはずですが、このみんカラの動画投稿ボタンによる投稿方法では、今のところ動画埋め込みサイズが幅425 × 高さ355ﾋﾟｸｾﾙ の４対３のアスペクト比にしかなりませんので、アスペクト比１６対９の動画を貼り付けた場合、動画の上下に黒帯が生じされてしまいます。

そこで、もう一手間かけてブログ記事に合わせた動画サイズの貼り付け方法をご紹介したいと思います。

【 みんカラ 】ブログ記事の幅は580ﾋﾟｸｾﾙにデザインされていますので、これに合わせて動画の埋め込みサイズやアスペクト比を変えることもできます。
変更する所は上記の埋め込みコードの内の width='425' height='355'の数字部分です。
例えばアスペクト比１６対９の動画を貼り付けたい場合には、数字の部分を半角英数字で width='580' height='326'に、アスペクト比４対３の動画を貼り付けたい場合は、 width='580' height='435'に変更すると記事スペース幅に合わせたサイズで貼り付けられます。





もう一つの埋め込み方法は、直接ブログの編集ページ本文中に埋め込みコードを書き込むという方法です。
その方法であれば、下の動画のようにYouTube以外の動画も埋め込むことができます。



１．YouTube動画の埋め込みコードの入手方法は、先程説明したYouTube動画のURLを入手する方法と同じく、始めに貼り付けようとするその動画のYouTube単独ページにアクセスします。

次に動画の下にある[ 共有 ]と表示されたボタンをクリックします。すると、その下に表れる[ 共有 ] と表示されたボタンの右にある [ 埋め込みコード ] と表示されるボタンをクリックすると、表示される下のフォームボックス内に
という内容の埋め込みコードが出力されますので、その埋め込みコードをコピー（右クリックして「コピー」を選択）します。

もう一つYouTube動画の埋め込みコードを入手する方法としては、貼り付けようとする動画上で右クリックして、「埋め込みコードをコピー」「Copy embed code」を選択してもよいです。

２．次にブログの編集ページ本文中の動画を貼り付けたい所（行）で右クリックし、「貼り付け」を選択します。
すると編集中の本文に先ほどコピーした埋め込みコードと同じ が表示されますので、確認画面ボタンを押して動画が表示されていればOKですので、その後ブログ編集を完成させ、投稿するボタンを押して完了です。




YouTubeの動画埋め込みプレイヤーにはオプションのパラメータを YouTube 動画 SWF URL の末尾に追加することで外観をカスタマイズしたり、動画を自動再生や繰り返し再生させたり、動画の再生開始位置や再生終了位置を指定する等といった裏技的な機能もあります。



次回のブログではYouTubeの動画を貼り付ける際の裏技的なカスタマイズ方法（パラメータオプション）を紹介したいと思います。