YoutubePlayerAPIで一つの動画をループ

1,2年くらい前に使ったときは違ったかも？と思ったのでメモ。

この間、YoutubePlayerAPIでサイトの背景として動画をループさせたい時がありました。

YT.Playerのインスタンスを作る際に、 playerVarsに loop: 1 を指定すれば動くと思っていたらループしてくれなかったのでよくよくドキュメントを読んでみたらplaylistにもvideoIDの指定が必要でした。

const player = new YT.Player(elementID, {
  width: 640,
  height: 480,
  videoID: videoID, // 動画のID
  playerVars: {
    loop: 1,
    playlist: videoID // playlistにもvideoIDと同じ動画のIDを指定
  }
});

YouTube 埋め込みプレーヤーとプレーヤーのパラメータ