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

ワードプレステーマ別

TCDテーマSwitch:動画のサイズが大きい時に代替画像を表示させる方法

WordPressテーマ「NULL」

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

ダウンロード

Q.質問内容

スマホなどの特定の環境でのみ、動画が動きません。代替画像も設定しています。

A.動画のサイズが大きいため、読み込みに時間がかかっている可能性がございます。

弊社のテーマは、動画サイズの上限を設けておりません。
そのため、大きいサイズの動画の場合は読み込み時間がかかり、スマホでは動画が再生されない場合がございます。

動画サイズが大きい場合に代替画像を表示させる場合、下記の方法でカスタマイズしてください。

編集するファイル: template-parts/header-contents.php
編集する箇所: 25行目付近

・スマホで閲覧している
・「スマホでは代替画像を表示する」にチェックがある。または、動画ファイルが10MBを超える
・代替画像がセットされている
これらの条件を満たす場合に、動画の代わりに代替画像が表示される仕様です。
<?php  if(wp_is_mobile() && $dp_options['header_mobile_hide_setting_video'] && $image){ ?>

<?php $filesize = filesize(get_attached_file( $dp_options['header_video'] )); //var_dump($filesize); ?>
<?php  if(wp_is_mobile() && ($dp_options['header_mobile_hide_setting_video'] || $filesize>1000000) && $image){ ?>

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

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

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