「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

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

Q.質問内容

トップページのスライダーに設定したYoutube動画を繰り返し再生させたいのですが可能ですか。
 

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

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

<iframe id="youtube-player-<?php echo $i; ?>" class="youtube-player slide-youtube slide-media" 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=0" frameborder="0"></iframe> 

 ↓

<iframe id="youtube-player-<?php echo $i; ?>" class="youtube-player 
slide-youtube slide-media" 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" frameborder="0"></iframe> 

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

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

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

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