プラグイン「grayish MV add Plugin」のパターンファイル設定手順を解説

パターンファイルの設定手順

図3に示された、設定したいパターンファイルをクリックします。
パターンは3種類あり、それぞれについて説明します。
修正後: 設定が終了したら、忘れずに更新をクリックしてください。

スライダー用の設定ファイルです。

動画用の設定ファイルです。

図7に、編集画面を示します。
以下の手順で動画を設定します。

動画を選択します。
図5の手順と同様、メディアライブラリから動画を選択します。
設定の「ポスター画像」で置換をクリックします。
メディアライブラリから画像を選択します。選択すると、図6①がポスター画像に切り替わり表示されます。
不要なら削除をクリックします。

ポスター画像とは？
動画が再生されるまでの間に表示される画像です。
iPhoneがバッテリー省電力モードのときなど、動画が再生されない場合に、設定したポスター画像が表示されます。

動画用の設定ファイルです。PCとスマートフォンで、異なる動画ファイルを、切り替えて表示します。

動画ファイルは、データ量が大きいです。
スマートフォンでデータ量を小さくしたい場合は、grayish-mp4-pcsp-pattern.jsonを使用してください。
PCとスマートフォンで、動画ファイルを切り替え表示します。

図8に、編集画面を示します。
以下の手順でPC表示用と、スマートフォン表示用の動画を設定します。

画面幅が768px以上のとき、PC表示用の動画が表示されます。

ポスター画像が必要かどうか疑問に思う方もいるかもしれません。
指定しないと動画ファイルが読み込まれる間に一瞬空白画面が表示されることがあります。
気になる方は、動画ファイルの先頭と同じ画像を、ポスター画像として使用することをおすすめします。