Content
ページ要素【動画】とは？
ページ内に動画を挿入する要素となります。
利用が必要なケース・利用しなくて良いケース
・利用が必要なケース
ページに動画を挿入したい場合には必要です。
・利用しなくて良いケース
動画を挿入しない場合には必要ございません。
追加方法
・前提手順
下記の手順にて、要素を挿入したいページを開きます。
【ファネル】＞「ファネル一覧」該当ファネル＞「ページ一覧」該当ページ ＞【編集】をクリック
・追加手順
1.ページ編集画面にて「動画」を追加したい場所の【＋】をクリックします。
2.ポップアップ表示内にて【動画】をクリックします。
3.動画マークが表示されたら追加完了となります。
挿入方法
設定メニュー「動画タイプ」で挿入する動画タイプを選びます。
・UTAGE（直接アップロード動画）の場合
1.「動画管理」から挿入したい動画のリンクをコピーします。
2.設定メニューの「動画URL」にリンクを貼り付け、その他項目の設定をし、動画が反映されたら完了となります。
・自動再生：「しない」「する（ミュート解除後そのまま再生）」「する（ミュート解除最初から再生）」から選択できます
・コントロールバー：「表示」「非表示」から選択できます。「非表示」にした場合でも再生速度を設定すると速度変更して頂けます。
・再生時間：「非表示」「表示（現在時間のみ）」「表示（現在時間＋総時間）」から選択できます
・再生速度：「変更可」「変更不可」から選択できます
・ループ再生：「しない」「する」から選択できます
・最大化ボタン：「デフォルト」「非表示」「表示」から選択できます
・再生ボタンの色：「デフォルト」「グラデーション」「赤」「水色」「カスタム」から選択できます
・チャプター：動画タイプ「UTAGE」を利用した動画のコントロールバー上にチャプター表示をさせることができます
・YouTubeの場合
1.YouTubeで挿入したい動画のリンクをコピーします。
※YouTubeライブ配信動画をファネルページに埋め込む場合は
【動画】要素ではなく【カスタムHTML】要素を利用する方法をご利用ください。
（参考マニュアル）
Youtubeライブ動画の埋め込み方法
https://help.utage-system.com/archives/12388
2.設定メニューの「動画URL」にリンクを貼り付け、動画が反映されたら完了となります。
・Vimeoの場合
1.Vimeoで挿入したい動画のリンクをコピーします。
2.設定メニューの「動画URL」にリンクを貼り付け、動画が反映されたら完了となります。
機能設定
・動画連動機能
動画の視聴状況によって表示、もしくは非表示としたい要素を設定することができます。
動画タイプは、UTAGEまたはVimeoが適応となります。
「指定した総再生時間動画を視聴」「指定した箇所まで動画を視聴」から設定できます。
・指定した総再生時間動画を視聴：実際に視聴した時間がカウントされるため、スクロールなどで飛ばして再生時間の条件を満たしていない場合は、動画の最後まで移動しても連動した要素の制御はされません。
例＞2倍速で25分間視聴した場合は50分視聴された扱いとなります。
・指定した箇所まで動画を視聴：実際に視聴したかどうかに関わらず、指定した箇所になった段階で連動した要素の制御がされます。
例）動画視聴ページで動画開始50分後に購入ボタンを表示させたい場合
動画タイプ：UTAGEもしくはVimeoを選択
↓
動画URLを入力
↓
動画連動 ：「指定した総再生時間動画を視聴」
もしくは、「指定した箇所まで動画を視聴」で希望の時間を入力
↓
『表示する要素』でボタンを選択
上記に希望の動画再生時間に要素（ボタン）を表示させることが可能です。
・動画要素のチャプター表示設定
挿入した動画要素にチャプターを表示させることができます。
※動画タイプ：【UTAGE】を利用した場合が適応となります。
＜設定方法＞
1. コントロールバー：【表示する】と設定します。
2. 【チャプター】入力欄にタイムスタンプとタイトルリストを入力します。
例
0:00 はじめに
07:15 5つの集客メソッド
15:20 まとめ
3. ページを保存して動画を再生すると、チャプターで設定した時間とタイトルが表示されます。
・動画チャプターリストの設定
動画の下にチャプターリストを表示させ、どの時間帯にどのテーマがあるのかを一覧で見ることができます。
＜設定方法＞
1.ページ編集画面にて「動画チャプターリスト」を追加したい場所の要素追加ボタン【＋】をクリックします。
（動画要素の下に追加するのがお勧めです。）
2.ポップアップ表示内にて【動画チャプター】をクリックします。
3. 動画チャプター入力欄が追加されます。
4. 【連携する動画要素】からチャプターリストを表示したい動画要素を選択します。
5. 【動画チャプター】要素の入力欄にタイムスタンプとタイトルリストを入力します。
例
0:00 はじめに
07:15 5つの集客メソッド
15:20 まとめ
6. ページを保存すると、チャプターリストが表示されます。
↓タイムスタンプをクリックすると、設定した時間から動画が再生されるようになります。
