WordPress技術ブログは、毎週月曜日の午前7時に更新!最新の情報をお見逃しなく!

Web制作の基本

TCDテーマ「SOLARIS」トップページヘッダー | 動画が途中で切れる

TCDテーマ「SOLARIS」を使用していて、意図しない挙動がありました。

4秒程度の動画をトップページヘッダーの背景として使用しようとしたのですが、

2秒くらいで次のスライドに移ってしまうという現象が発生しました。

調査し、原因が分かったので共有します。

動画が途中で切れる原因

結論、不具合ではなく「テーマの仕様」でした。

テーマファイル内で、

動画の秒数 – 2秒前に次のコンテンツに切り替わる

という制御がされていました。

テーマの場所は、/solaris_tcd088/functions/slider_ini.phpの192行目あたりで、以下のコードが該当箇所です

} else if (video.duration - video.currentTime < 2) {

対策方法

対策1 | 記述の変更

< 2を <0.5にするなどして、切替のタイミングを変更する

メリット:すでにある動画をそのまま使える

デメリット:親テーマの変更はアップデートの際に上書きされてしまう

対策2 | 切替用に動画を +2秒 伸ばす

今回はこちらで対応いたしました。

メリット:テーマアップデート時でも問題ない

デメリット:動画を編集しなければならない

まとめ | TCDのテーマは仕様にのっとるが吉

いかがでしたでしょうか。

このほかSORARISでは、トップページヘッダーのループ再生は仕様としては止められない(こちらも親テーマの変更で対応可能)ということも判明しました。

SORARISに限らず、TCDのテーマをいろいろ見て思うのは、基本的にカスタマイズするようにはできていないということです。

TCDのテーマを使用する場合は、「まさにTCDのデモページのような見た目のサイトがいい!」と思うような場合に使用することをおすすめします。

WordPressでお悩みの方へ!

ABOUT ME
アバター画像
yasumoto
おやつをやめなきゃいけない気持ちはあるけどやめたくないのが悩みです。 新しいことを勉強するのが大好き。 趣味:歌うこと、モーニングに行くこと