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

TCDテーマAVANT:ヘッダーコンテンツのYouTube動画をリピート再生させる方法

Q.質問内容

トップページのヘッダーコンテンツ設定を「YouTube」にしています。動画をループ再生させる方法はありますか。
 

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

編集するファイル: hero.php (template-parts/hero.php)
編集する箇所: 442行目付近

 <div id="js-header-youtube__player" class="p-header-youtube__player"
 data-property="{videoURL:'<?php echo esc_attr( 
$dp_options['header_youtube_url'] ); ?>',containment:'#js-header-youtube',startAt:0,mute:true,autoPlay:true,loop:false,opacity:1,
showControls:false}"></div>

 ↓

 <div id="js-header-youtube__player" class="p-header-youtube__player" 
data-property="{videoURL:'<?php echo esc_attr( 
$dp_options['header_youtube_url'] ); ?>',containment:'#js-header-youtube',startAt:0,mute:true,autoPlay:true,loop:true,opacity:1,
showControls:false}"></div>

【loop:true】に変更

★YouTube動画を背景に表示する際に「jQuery.mb.YTPlayer.js」というjQueryプラグインを使用しております。このプラグインの仕様上、動画の最後2~3秒ほどが切れてしまうようでございます。
(参考: https://www.ariz.jp/garage/demo/bgvideo/
大変恐縮ではございますが、ご理解の上運用をいただけたら幸いです。

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

0

TCD LABO ご利用上の注意

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

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

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