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

ワードプレステーマ別

TCDテーマORION:ヘッダーの動画(MP4、YouTube)を連続再生させない方法

Q.トップページのヘッダーを動画にした時の、連続再生を止めたい

トップページのヘッダーコンテンツで、MP4動画(もしくはYouTube動画)を設定しましたが、動画がループ再生されるのを停止したいです。

A.下記のPHPファイルの該当箇所を編集します

・MP4動画

編集するファイル: head.php (functions/head.php)
編集する箇所: 249行目付近

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

↓ 「loop:true」→「loop:false」にする

src: [ '<?php echo esc_attr($video); ?>'], loop: false, mute: true
・YouTube動画

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

 <div id="youtube_video_player" class="player"
data-property="{videoURL:'<?php echo esc_url($youtube_url);
?>',containment:'#header_youtube',startAt:0,mute:true,autoPlay:true,loop:true,opacity:1}"></div>

↓ 「loop:true」→「loop:false」にする

 <div id="youtube_video_player" class="player"
data-property="{videoURL:'<?php echo esc_url($youtube_url);
?>',containment:'#header_youtube',startAt:0,mute:true,autoPlay:true,loop:false,opacity:1}"></div>

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

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

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