背景動画

今回は動画を背景全体に配置しホームページを見せて行くお話しをします。

私が行った方法はcoverを使ってその配置した部分だけの背景を動画にするのではなく、HTMLカスタムのブロックを使い、HTMLを記入しCSSで装飾する方法を行いました。

Videoダクで記述をし、CSSでpositionとz-indexで背景にします。これだけではその動画の大きさでしか配置されていません。そこでobjet-fit:coverを記述することでディスプレイのサイズに合わせ拡大され、画面全体に表示されるようになります。とても印象的なファーストビューになります。

Follow me!