ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

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

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

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=●●●」の黒丸部分の英数字を設定してください。

この記事は役に立ちましたか?

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

同じテーマのカスタマイズ記事