画像・動画を入れ替え（画像または動画の要素を選択したときのみ）

💡画像ファイルの対応形式は3MB以下の JPEG・PNG・GIF・WebP です。
💡動画ファイルの対応形式は15MB以下の MP4・MOV です。

①［

（パネルの表示を最小化）］

編集パネルの表示を最小化します。
最小化した状態で［メニュー表示の最大化

（パネルの表示を最大化）］ボタンをクリックすると、編集パネルを再度表示します。

②［

（パネルを閉じる）］

編集パネルを消して、要素の選択を解除します。
プレビュー領域をクリックすると、編集パネルを消して要素の選択を解除します。

③［画像タブ］

入れ替えるメディアとして画像を設定します。

④［動画タブ］

入れ替えるメディアとして動画を設定します。

⑤［メディアを配置する］

入れ替えたい画像または動画ファイルを直接ドロップします。
画像ファイルの対応形式は3MB以下の JPEG・PNG・GIF・WebP です。
動画ファイルの対応形式は15MB以下の MP4・MOV です。

⑥［ファイルを選択］

入れ替えたい画像または動画ファイルをフォルダから選択します。
画像ファイルの対応形式は3MB以下の JPEG・PNG・GIF・WebP です。
動画ファイルの対応形式は15MB以下の MP4・MOV です。

⑦［メディア一覧から選択］

入れ替えたい画像または動画ファイルを「メディア一覧」から選択します。
画像ファイルの対応形式は3MB以下の JPEG・PNG・GIF・WebP です。
動画ファイルの対応形式は15MB以下の MP4・MOV です。

⑧［適用］

編集した内容を保存します。
保存が完了すると、編集パネルを消して要素の選択を解除します。

❗️内容を変更後［適用］ボタンをクリックせずに編集パネルを消して要素の選択を解除すると、編集した内容は反映されません。

⑨［キャンセル］

要素を選択したまま「選択中の要素の編集」メニューに戻ります。

①［自動再生］

チェックボックスを［オン］にすると、自動で動画を再生します。

💡A/Bテスト等が実行された時に挿入される <video> タグに「autoplay」属性と「muted」属性が付きます。

チェックボックスを［オフ］にすると、動画は自動で再生されません。

💡A/Bテスト等が実行された時に挿入される <video> タグに「autoplay」属性と「muted」属性が付きません。

②［ループ再生］

チェックボックスを［オン］にすると、動画が終了した後に繰り返し動画を再生します。

💡A/Bテスト等が実行された時に挿入される <video> タグに「loop」属性が付きます。

チェックボックスを［オフ］にすると、動画が終了すると停止します。

💡A/Bテスト等が実行された時に挿入される <video> タグに「loop」属性が付きません。

③［コントロールバーを表示］

チェックボックスを［オン］にすると、動画にコントロールバーを表示します。

💡A/Bテスト等が実行された時に挿入される <video> タグに「controls」属性が付きます。

チェックボックスを［オフ］にすると、動画にコントロールバーを表示しません。

💡A/Bテスト等が実行された時に挿入される <video> タグに「controls」属性が付きません。「muted」属性が付きます。

1. 画像または動画の要素を選択する

2. 画像または動画を入れ替える

「画像・動画を入れ替え」パネル：共通

「画像・動画を入れ替え」パネル：画像タブ

「画像・動画を入れ替え」パネル：動画タブ

1. 画像または動画の要素を選択する

2. 画像または動画を入れ替える

「画像・動画を入れ替え」パネル：共通

「画像・動画を入れ替え」パネル：画像タブ

「画像・動画を入れ替え」パネル：動画タブ

関連記事