YouTube埋め込みコードでloop再生できない原因と対処方法

YouTube埋め込みコードでloop再生できない原因と対処方法

YouTube埋め込みコードでloop再生できない原因と対処方法YouTube埋め込みコードで、動画が終わったら自動的に繰り返し再生するように設定したいのですが、loop=1を設定してもうまくいかず困った経験があったので、その時の解決方法を備忘録メモ。今回はYouTube埋め込みコードでloop=1を設定してもループ再生ができない原因と対処方法をご紹介します。

解決方法:playlist= も設定してあげる必要がある

YouTube埋め込みコードでloop再生できない原因と対処方法

上記の Google Developers 公式リファレンスに、記述がありました。なんでも、カスタマイズ済みの埋め込みコードの場合も、プレイリストとして扱わなければ再生されません。要は、loop=1 だけでなく、playlist=YouTubeID、も設定すれば解決します。

「え、プレイリストをつくんなきゃいけないの?」と思いますが、単一の動画でもOKです。サンプルコードは、下記をご参考ください。

自動再生 + ループ再生のサンプルコード

<iframe width="640" height="480" src="https://www.youtube.com/embed/xxxxxxxxxx?rel=0&controls=0&showinfo=0&autoplay=1&loop=1&playlist=xxxxxxxxx" frameborder="0" allowfullscreen></iframe>

xxxxxxxxx の箇所には、YouTube動画、またはプレイリストのIDを入れます。

YouTube動画IDとは

YouTube埋め込みコードでloop再生できない原因と対処方法 2https://www.youtube.com/watch?v=xxxxxxxxxxx 

YouTube動画のURL末尾にある11桁の英数宇文字列が、YouTube動画IDです。

 

参考:YouTube 埋め込みプレーヤーとプレーヤーのパラメータ  |  YouTube IFrame API  |  Google Developers
https://developers.google.com/youtube/player_parameters#loop