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

ワードプレステーマ別

TCDテーマGENSEN:トップページヘッダーコンテンツに設定したMP4動画・YouTube動画のループ再生をオフにする方法

WordPressテーマ「NULL」

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

ダウンロード

Q.トップページのヘッダーコンテンツでMP4動画を表示しています。動画をループ再生させないようにしたいです。

A.下記の方法でカスタマイズしてください。

・「MP4動画」のループ再生をオフにする

編集するファイル: footer.php
編集する箇所: 324行目付近

src: [ '<?php echo esc_attr($header_slider['slider_video']); ?>' ], loop: true, mute: true

↓ 「loop: true,」を「loop: false,」に

src: [ '<?php echo esc_attr($header_slider['slider_video']); ?>' ], loop: false, mute: true

・「YouTube動画」のループ再生をオフにする

編集するファイル: front-page.php
編集する箇所: 206行目付近

<div id="slider_youtube" class="player youtube_video_player" data-property="{videoURL:'<?php echo esc_attr($header_slider['slider_youtube_url']); ?>',containment:'#slider_video',showControls:false,startAt:0,mute:true,autoPlay:true,loop:true,opacity:1,ratio:'16/9'}"></div>

↓ 「loop:true,」を「loop:false,」に

<div id="slider_youtube" class="player youtube_video_player" data-property="{videoURL:'<?php echo esc_attr($header_slider['slider_youtube_url']); ?>',containment:'#slider_video',showControls:false,startAt:0,mute:true,autoPlay:true,loop:false,opacity:1,ratio:'16/9'}"></div>

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

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

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