Webサイトで背景に動画を流すことでユーザーの目を引きつけて言葉では伝わらないメッセージや印象を与えられます。
​

この記事では、背景に動画のあるボックスを追加する方法を解説します。

キャンバス上のsectionに対して、画面左端のサイドバーの追加パネルのエレメントタブの中にある背景動画を押下し、背景動画エレメントを配置します。

そして、ボックスを押下して配置した背景動画エレメントの中にboxを追加します。

今回は、分かりやすいようにboxの中にtextを配置します。

次に、背景動画エレメントを選択した状態で右パネルの動画を押下すると、popperが表示されます。

popper内から背景に設定したい動画ファイルをアップロードした状態で動画を選択します。