YouTubeの埋め込みループ再生にはloop=1の他にplaylist指定も必要

YouTube埋め込み時にループ再生させるためにloop=1を指定するだけではループされない事に引っかかったのでメモ。

今日書いたターンテーブルが届いたのエントリ内でYouTubeを埋め込みループ再生しようとしてハマったのでメモ。

YouTubeをブログに埋め込みしてループ再生する方法をググると「URLのケツに&loop=1って付ければ良いよ」って書いてあるエントリをいっぱい読んだので&loop=1と書いてみるも全然ループしてくれない。

そこで公式のドキュメントを読んでみた。

youtube loop
ここで読める。

どうも「playlist=VIDEO_ID」って指定をしなきゃいけないらしい。やってみた。あとループ再生させるだけじゃなくて自動再生もしたいのでautoplay=1も付けてみた。



こんな感じ。コードは以下のとおり。

<iframe width="640" height="360" src="//www.youtube.com/embed/wMqjAGR6ffc?autoplay=1&loop=1&playlist=wMqjAGR6ffc" frameborder="0" allowfullscreen></iframe>

自動再生で音が出ると大変ウザいと思うので無音で投稿するかJavascriptで無音化(Javascript APIを使わないとできないらしい)したほうがいいと思う。ちなみにYouTubeのロゴもmodestbranding=1で消せるので、GIFアニメ埋め込み的な用途で使えそう。良い方法があったら使ってみたい。

ブログのアイキャッチのサムネイルとか、あれ動いたら面白いんだけどなぁ。もっとカジュアルに動画を使いたい。