（サンプルあり）youtubeの埋込コードをカスタマイズして自動再生＆リピート再生する

作業メモ

wordpressサイトにyoutube動画を埋め込み、さらに自動再生＆リピート再生した時のやり方です。

パラメーターを使って埋込コードをカスタマイズします。

コード抽出

単純にYOUTUBEの埋込コードを取得します。

サンプルで若干短めの動画の下記をやってみます

単純に埋込コードを抽出すると下記です。

<iframe width=”800″ height=”451″ src=”https://www.youtube.com/embed/3u4lEOtOQyM?rel=0&amp;controls=0?ecver=1” frameborder=”0″ allowfullscreen></iframe>

「3u4lEOtOQyM」

上記が動画のコードになります。

?rel=0&amp;controls=0?ecver=1

上記を下記に変更します。

?autoplay=1&loop=1&playlist=動画コード

下記がコードになります。

<iframe width=”800″ height=”451″ src=”https://www.youtube.com/embed/3u4lEOtOQyM?autoplay=1&loop=1&playlist=動画コード” frameborder=”0″ allowfullscreen></iframe>

動画コードを入れれば完成です。

埋込パラメーターは下記を参照

YouTube 埋め込みプレーヤーとプレーヤーのパラメータ  |  YouTube IFrame Player API  |  Google for Developers

developers.google.com