動画にチャプター一覧を付け、見たい場面へすぐ移動できる動画プレーヤーセクションです。動画ファイル、サムネイル、再生ボタン、チャプター表示、アクティブ色、PC・モバイル余白までテーマエディターから調整できます。
見出しテキスト - セクション上部の見出しを設定します。空欄にすると見出しを非表示にできます。
色 - 見出しの文字色を変更します。
サイズ-PC(px) - PC表示時の見出しサイズを調整します。
サイズ-モバイル(px) - モバイル表示時の見出しサイズを調整します。
動画選択 - 再生するShopify動画ファイルを選択します。
サムネイル画像選択 - 動画再生前に表示するサムネイル画像を設定します。未設定の場合は動画のプレビュー画像またはプレースホルダーが表示されます。
再生ボタンの色 - サムネイル中央に表示する再生ボタンの背景色を変更します。
再生ボタンのアイコン色 - 再生ボタン内の三角アイコンの色を変更します。
チャプターを表示する - 動画下のチャプター一覧と現在再生中チャプター表示のオン・オフを切り替えます。
チャプターの角丸 - チャプター一覧と現在再生中表示の角丸を調整します。
チャプターのテキスト色 - 通常時のチャプター文字色を変更します。
チャプターの背景色 - 通常時のチャプター背景色を変更します。
再生中のチャプターの背景色 - アクティブなチャプターの背景色を変更します。
再生中のチャプターの文字色 - アクティブなチャプターの文字色を変更します。
チャプターの境界線色 - チャプター一覧の枠線・区切り線の色を変更します。
左右 - PC表示時の左右余白を調整します。
上 - PC表示時の上余白を調整します。
下 - PC表示時の下余白を調整します。
左右 - モバイル表示時の左右余白を調整します。
上 - モバイル表示時の上余白を調整します。
下 - モバイル表示時の下余白を調整します。
背景色 - セクション全体の背景色を変更します。
最大幅(px) - 動画プレーヤーと見出しを表示する内側コンテンツの最大幅を設定します。
チャプターのタイトル - チャプター一覧に表示するタイトルを入力します。
チャプターの時間 - ジャンプ先の開始時間をMM:SS形式で入力します。例: 1分30秒の場合は「01:30」。
動画ファイルが未設定の場合、テーマエディターや表示確認ではプレースホルダーが表示されます。公開ページで使う前に、Shopify Filesにアップロードした動画を「動画選択」から設定してください。
MM:SS形式で入力します。例として、1分30秒なら「01:30」、3分なら「03:00」と入力します。形式が違う場合はエラー表示が出ます。
はい。「チャプターを表示する」をオフにすると、チャプター一覧と現在再生中チャプター表示を非表示にできます。
