Youtubeの埋め込み動画を部分再生&ループ再生させる方法

Youtubeの埋め込み動画を部分再生&ループ再生させる方法をソースコード付きで紹介します。

Youtubeの埋め込み動画を部分再生&ループ再生

Youtubeの埋め込み動画タグのパラメータで、「部分再生」と「ループ再生」を同時に行うことができませんでした。
両方のパラメータを挿入すると、部分再生後に最初からループ再生されていまいます。

以下のように、javascriptで制御すれば部分再生&ループ再生ができます。

■ index.html

■main.js

Youtubeの埋め込み動画を部分再生&ループ再生(複数の動画対応)

先程のソースコードだと、埋め込み動画が2つ以上あるとうまく動きません。
複数のYouTube埋め込み動画を再生できるようにするためには、各動画プレイヤーに異なるIDを割り当て、管理する必要があります。

■ index.html

■main.js

関連ページ