サイトに埋め込んだYouTube動画の再生開始時点を指定する方法。

○サイトに埋め込んだYouTube動画の再生開始時点を指定する方法。

今回の話は、ラジオには関係ありませんが、ブロガーにとっては耳寄りな話なのでご紹介します。

YouTube の動画をご自身のサイトやブログに埋め込んでいるかたのなかには、「動画の一部を手っ取り早く見せたい」「最初の何分かをスキップできないだろうか？」と思うかたもいらっしゃるかもしれません。

この問題は、再生開始時点を下記の方法で指定することで解決できます。

動画を埋め込む場合

例えば、下記の動画では2:30あたりから自作ガイガー・カウンターの説明が始まるのですが、このように該当箇所から再生を開始させるよう指定することが出来ます：

再生開始時点を2:30に指定した場合
　

サイトに貼り付けたい動画の埋め込みコード取得する際に、下記のように、動画のソースの後に 「?start=150」と書き足すことで開始150秒（2:30）の部分から再生を開始させることが出来ます。

<iframe width="420" height="345" src="http://www.youtube.com/embed/e-9kUSMPjUE?start=150" frameborder="0" allowfullscreen></iframe>

ただ、コード取得時に「動画が終わったら関連動画を表示する」のチェックを外している場合は、コードにはすでに「?rel=0」 が付加されているので、その後に 「&start=150」 を書き足してください。

<iframe width="420" height="345" src="http://www.youtube.com/embed/e-9kUSMPjUE?rel=0&start=150" frameborder="0" allowfullscreen></iframe>

書き足す際、コードをご自身のサイトに貼付けた後に書き足すとうまく機能しないことがあるそうです。その場合は、まず YouTube サイト上でコードの編集を行ってからサイトにコピー＆ペーストするとうまくいきます。

旧コードで動画を埋め込む場合

旧コードで再生開始時点を2:30に指定した場合。

旧コードでサイトに動画を埋め込みたい場合、即ち、現在標準となっているHTML5対応のiframeタグではなく、objectタグを使ったコードを取得する場合は、コード取得時に、「以前の埋め込みコードを使用する」にチェックを入れて表示させたコードに、以下のように書き足してください：

<object width="420" height="345"><param name="movie" value="http://www.youtube.com/v/e-9kUSMPjUE?version=3&amp;hl=ja_JP&start=150"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/e-9kUSMPjUE?version=3&amp;hl=ja_JP&start=150" type="application/x-shockwave-flash" width="420" height="345" allowscriptaccess="always" allowfullscreen="true"></embed></object>

上記の箇所に "&start=150 " を書き足すことで150秒（2:30）から動画をスタートさせることができます。

テキストにリンクを貼る場合

○家庭にあるもので誰でも簡単に放射線検知器を自作する方法part2 - YouTube

上記のように、テキストにYouTube動画のリンクを貼る場合は、リンク先のURLの末尾に「#t=2m30s」あるいは「&t=2m30s」を次のように書き足してください。「2m30s」の代りに「150s」でも機能します：

http://www.youtube.com/watch?v=e-9kUSMPjUE#t=2m30s

http://www.youtube.com/watch?v=e-9kUSMPjUE&t=2m30s

ただし、短縮URLの場合は、「#t=2m30s」あるいは「?t=2m30s」を書き足してください。「&t=2m30s」は機能しません。

http://youtu.be/e-9kUSMPjUE#t=2m30s

http://youtu.be/e-9kUSMPjUE?t=2m30s

※参考サイト

○How to Link to a Specific Time in YouTube Videos | Workbench（英語）

○Link and Embed a Specific Part of YouTube Videos（英語）

○How to change start time of YouTube videos using URL's & iframe embed codes - Online Video & Virtual Events Blog（英語）

検索用語を入力 検索フォームを送信