WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマmeets:トップページのヘッダースライダーでYouTubeをループ再生させる方法

Q.トップページのヘッダーコンテンツに設定したYouTube動画をループ再生させることはできますか。

 

A.管理画面【外観】→【テーマエディター】より該当のファイルを下記の方法でカスタマイズしてください。

編集するファイル: テーマヘッダー (header.php)
編集する箇所: 248行目付近

<iframe id="youtube-player-<?php echo $i; ?>" class="youtube-player slide-youtube" src="https://www.youtube.com/embed/<?php echo esc_attr($matches[1]); ?>?enablejsapi=1&controls=0&fs=0&iv_load_policy=3&rel=0&showinfo=0&<?php if($slider_item_total > 1) { echo "loop=0"; } else { echo "playlist=" . esc_attr($matches[1]); }; ?>&playsinline=1" frameborder="0"></iframe>

 ↓

<iframe id="youtube-player-<?php echo $i; ?>" class="youtube-player 
slide-youtube" src="https://www.youtube.com/embed/<?php echo 
esc_attr($matches[1]); ?>?enablejsapi=1&controls=0&fs=0&iv_load_policy=3&rel=0&showinfo=0&
loop=1&playlist=YouTube動画のID&playsinline=1" frameborder="0"></iframe>

「YouTube動画のID」はリピートさせたいYouTube動画のURL末尾、「v=●●●」の黒丸部分の英数字を設定してください。

meetsデモ

この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施をお願いいたします。

またカスタマイズ内容は、バージョンにより異なる場合がございますこと予めご理解賜りますようお願いいたします。

お問合せ・ご要望

TCD LABOへのお問合せやご要望は
ご連絡フォーム をご利用ください。