Yahoo! JAPANのブログにYouTubeの動画を埋め込んで表示させる方法が分かりにくかったので、メモしておきます。

HTMLモードの場合

デフォルトのHTMLモードだと、YouTube動画の埋め込みはできないようです。

かんたんモードの場合

  1. 埋め込みたい動画をYouTubeで表示します。
  2. 動画のすぐ下にある「共有」ボタンを押します。
    →「この動画へのリンク」のURLが表示されますが、それは無視して……
  3. URLの右にある「オプションを表示」をクリックします。
    →「HDのリンク」「開始位置」「長いリンク」という3つのチェックボックスが現れます。
  4. 長いリンク」をチェックします。
    →URLが変化します。たとえばこんな感じに。
    http://www.youtube.com/watch?v=HG92NUXKzZ0
  5. 「この動画へのリンク」のURLを選択し、コピーします。
  6. Yahoo! ブログに戻って、動画挿入のアイコン(地球儀に映画のフィルムがかぶさってるようなやつ)を押します。
    →ダイアログが出ます。
  7. 「動画のURL」に、コピーしたURLを貼り付けます。
  8. 「OK」を押します。

wiki文法使用の場合

  1. 埋め込みたい動画をYouTubeで表示します。
  2. 動画のすぐ下にある「共有」ボタンを押します。
    →「この動画へのリンク」のURLが表示されますが、それは無視して……
  3. 埋め込みコード」ボタンを押します。
    →HTMLの断片が表示されますが、それは無視して……
  4. 以前の埋め込みコードを使用する」をチェックします。
    →HTMLの断片が変化します。
  5. HTMLの断片の中のURLだけを選んでコピーします。たとえばこんな文字列です。
    http://www.youtube.com/v/HG92NUXKzZ0?version=3&hl=ja_JP
  6. Yahoo! ブログに戻って、下記の文字列を記述します。
    [[item(コピーしたURL)]]
    なお、URLの後ろにカンマ区切りで横・縦のサイズを指定できます。たとえばこんな感じ。
    [[item(http://www.youtube.com/v/HG92NUXKzZ0?version=3&hl=ja_JP,320,240)]]
    表示位置の指定はできないようです。

補足

以下はいろいろ試したときのメモで、手順ではありません。

YouTubeで「共有」ボタンを押すと、埋め込みコードも含めて、下記の4パターンのURLが表示されます。

  1. デフォルトの短いURL
    http://youtu.be/HG92NUXKzZ0
  2. 長いリンクのURL
    http://www.youtube.com/watch?v=HG92NUXKzZ0
  3. 埋め込みコードのURL
    http://www.youtube.com/embed/HG92NUXKzZ0
  4. 以前の埋め込みコードの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