Yahoo!のブログにYouTubeの動画を埋め込む
Yahoo! JAPANのブログにYouTubeの動画を埋め込んで表示させる方法が分かりにくかったので、メモしておきます。
HTMLモードの場合
デフォルトのHTMLモードだと、YouTube動画の埋め込みはできないようです。
かんたんモードの場合
- 埋め込みたい動画をYouTubeで表示します。
- 動画のすぐ下にある「共有」ボタンを押します。
→「この動画へのリンク」のURLが表示されますが、それは無視して…… - URLの右にある「オプションを表示」をクリックします。
→「HDのリンク」「開始位置」「長いリンク」という3つのチェックボックスが現れます。 - 「長いリンク」をチェックします。
→URLが変化します。たとえばこんな感じに。
http://www.youtube.com/watch?v=HG92NUXKzZ0
- 「この動画へのリンク」のURLを選択し、コピーします。
- Yahoo! ブログに戻って、動画挿入のアイコン(地球儀に映画のフィルムがかぶさってるようなやつ)を押します。
→ダイアログが出ます。 - 「動画のURL」に、コピーしたURLを貼り付けます。
- 「OK」を押します。
wiki文法使用の場合
- 埋め込みたい動画をYouTubeで表示します。
- 動画のすぐ下にある「共有」ボタンを押します。
→「この動画へのリンク」のURLが表示されますが、それは無視して…… - 「埋め込みコード」ボタンを押します。
→HTMLの断片が表示されますが、それは無視して…… - 「以前の埋め込みコードを使用する」をチェックします。
→HTMLの断片が変化します。 - HTMLの断片の中のURLだけを選んでコピーします。たとえばこんな文字列です。
http://www.youtube.com/v/HG92NUXKzZ0?version=3&hl=ja_JP
- Yahoo! ブログに戻って、下記の文字列を記述します。
[[item(コピーしたURL)]]
なお、URLの後ろにカンマ区切りで横・縦のサイズを指定できます。たとえばこんな感じ。
[[item(http://www.youtube.com/v/HG92NUXKzZ0?version=3&hl=ja_JP,320,240)]]
表示位置の指定はできないようです。
補足
以下はいろいろ試したときのメモで、手順ではありません。
YouTubeで「共有」ボタンを押すと、埋め込みコードも含めて、下記の4パターンのURLが表示されます。
- デフォルトの短いURL
http://youtu.be/HG92NUXKzZ0
- 長いリンクのURL
http://www.youtube.com/watch?v=HG92NUXKzZ0
- 埋め込みコードのURL
http://www.youtube.com/embed/HG92NUXKzZ0
- 以前の埋め込みコードのURL
http://www.youtube.com/v/HG92NUXKzZ0
それぞれ試してみると、
- かんたんモードでは2と4が有効
- wiki文法使用では4のみ有効
という結果でした。
URLの後のリクエストパラメータの有無は、埋め込みできる・できないとは関係ないようです。リクエストパラメータとしては下記のようなものがあるようですが、埋め込み時にすべて使えるわけでもないようです。試したなかでは、&t=1mを付けるとエラーが発生しました。
- 埋め込み動画を自動再生する: &autoplay=1
- HDで再生する: &hd=1
- タイトルの言語指定か?: &hl=ja_JP
- 動画が終わったとき関連動画を表示しない: &rel=0
- 1分のところから再生する: &t=1m
- プレイヤーのバージョン: &version=3