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/ ）
大変恐縮ではございますが、ご理解の上運用をいただけたら幸いです。
（参考： https://www.ariz.jp/garage/demo/bgvideo/ ）
大変恐縮ではございますが、ご理解の上運用をいただけたら幸いです。
この記事は役に立ちましたか？
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます！