« DELLノートが充電できなくなった。(2012.08.10~14) | トップページ | 秋葉原散策(2012.08.18) »

YouTubeの埋め込み動画をリピート再生(2012.11.17)


以前に書いた記事。

YouTubeのリピート再生(2010.12.02): test_second
http://watawata-knoppix.cocolog-nifty.com/blog/2010/12/youtube-b8fa.html

&loop=1のパラメータをembedタグ内に与えてやれば自動リピートになります。

最近やってみたら、この方法でリピート再生できなくなってたので調べてみた。
 

参考:

YouTubeを効果的に見せるための12の隠しパラメータ: 小粋空間
http://www.koikikukan.com/archives/2012/04/24-015555.php

「loop=1」を設定した場合、次のように「playlist=VIDEO_ID」の設定も必要です。

YouTube埋め込みプレイヤー3 (?) 、ループ再生ができない - Kerupani129 Project のブログ - Yahoo!ブログ
http://blogs.yahoo.co.jp/kerupani/10122373.html

YouTube埋め込みプレイヤー3 (?) 、ループ再生ができない

 

  
まとめると
YouTubeの書式が変更されてloop設定が使いにくくなったらしい。
リピート再生するには「loop=1」「playlist=VIDEO_ID」の設定が必要。


 

 

******************************

例:

<iframe
width="400"
height="225"
src="http://www.youtube.com/embed/5MTmMprmZIw?rel=0&loop=1&playlist=5MTmMprmZIw"
frameborder="0"
allowfullscreen
></iframe>

5MTmMprmZIw(下線部)がYouTubeのVIDEO_ID。動画によって異なる。
rel=0は、動画が終わったら関連動画を表示しない設定。(必要か不明)
loop=1でループ再生(繰り返し)だが、これだけではだめで、playlist=5MTmMprmZIw(VIDEO_ID)も追加必要。

「?」は第一設定の追加。以降は「&」で設定追加。
「&」はたいていブログ側で「&amp;」に変換される。

 

 


以降はちょっとした確認。

情報:

  • YouTubeの埋め込み書式は、以前の書式(object書式)から新しいiframe書式が追加された。
  • Version2からVersion3に変更。Version3でループがうまく使えなくなった。
  • リピート再生するには「loop=1」「playlist=VIDEO_ID」の設定が必要。
  • Version2指定で再生することも可能。

そこでサンプル4種を用意する。その横に結果ももう記載した。
①iframe書式でplaylist=VIDEO_ID(結果○)
②iframe書式でversion=2指定(結果×)
③以前の書式(object書式)でplaylist=VIDEO_ID(結果○)
④以前の書式(object書式)でversion=2指定(結果△)


 


①iframe書式でplaylist=VIDEO_ID

<iframe
width="400"
height="225"
src="http://www.youtube.com/embed/5MTmMprmZIw?rel=0&loop=1&playlist=5MTmMprmZIw"
frameborder="0"
allowfullscreen
></iframe>

リピート再生成功。

 

 

②iframe書式でversion=2指定

<iframe
width="400"
height="225"
src="http://www.youtube.com/embed/5MTmMprmZIw?version=2&rel=0&loop=1"
frameborder="0"
allowfullscreen
></iframe>

リピート再生失敗。リピートしない。プレーヤーのアイコンが変わっていないので、iframe書式でversion=2指定できないみたい。

 

 

③以前の書式(object書式)でplaylist=VIDEO_ID

<object width="400" height="225">
<param name="movie" value="http://www.youtube.com/v/5MTmMprmZIw?version=3&amp;hl=ja_JP&amp;rel=0">
</param>
<param name="allowFullScreen" value="true">
</param>
<param name="allowscriptaccess" value="always">
</param>
<embed
src="http://www.youtube.com/v/5MTmMprmZIw?version=3&amp;hl=ja_JP&amp;rel=0&loop=1&playlist=5MTmMprmZIw"
type="application/x-shockwave-flash"
width="400"
height="225"
allowscriptaccess="always"
allowfullscreen="true">
</embed></object>


リピート再生成功。

④以前の書式(object書式)でversion=2指定

<object width="400" height="225">
<param name="movie" value="http://www.youtube.com/v/5MTmMprmZIw?version=3&amp;hl=ja_JP&amp;rel=0">
</param>
<param name="allowFullScreen" value="true">
</param>
<param name="allowscriptaccess" value="always">
</param>
<embed
src="http://www.youtube.com/v/5MTmMprmZIw?version=2&amp;hl=ja_JP&amp;rel=0&loop=1"
type="application/x-shockwave-flash"
width="400"
height="225"
allowscriptaccess="always"
allowfullscreen="true">
</embed></object>


リピート再生成功。しかし再生前の画面がなんか変。再生中は問題ないが。


 
 
 



2017/09/16追記:

下のサイトが分かりやすい。
YouTube の埋め込み動画をリピート再生させる - WebDelog

?loop=1&playlist=「YOUTUBEのID」を追加。
例)
<iframe width="560" height="315" src="https://www.youtube.com/embed/7r3XSyo_ztk?loop=1&playlist=7r3XSyo_ztk" frameborder="0" allowfullscreen></iframe>





|

« DELLノートが充電できなくなった。(2012.08.10~14) | トップページ | 秋葉原散策(2012.08.18) »

ウェブログ・ココログ関連」カテゴリの記事

コメント

メッチャ役に立った.。.:**:.。..。.:**:.。..。.:**:.。..。.:**:.。.
ありがとうございますた(o^-^o)

投稿: レイ | 2013年8月 7日 (水) 03時23分

レイ様。わざわざのコメントありがとうございます。
自分の備忘録が役に立って光栄です。

投稿: watawata | 2013年8月17日 (土) 21時07分

困っていた所、やっとこちらのサイトにたどり着くことが出来ました。
普段あまりコメントは残しませんが、本格的に救世主だったので
感動のあまりコメントさせていただきました。
ありがとうございました。

投稿: たか | 2013年11月12日 (火) 02時59分

たか様。わざわざのコメントありがとうございます。
お役にたててうれしく思います。

投稿: watawata | 2013年11月15日 (金) 00時50分

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/1036326/47875824

この記事へのトラックバック一覧です: YouTubeの埋め込み動画をリピート再生(2012.11.17):

« DELLノートが充電できなくなった。(2012.08.10~14) | トップページ | 秋葉原散策(2012.08.18) »