動画をファーストビューに設定するサンプル

タイトルエリアに背景動画を設置して、自動再生するサンプルです。スマートフォンでは端末によって動作しないことがあります。
 
こちらが元Notionの記事のリンクです。元Notionで貼った動画をページ読み込み時に隠して、背景動画に移動しています。

追加CSS

CSS
 

head内html追記

CSS
 

body内html追記

※IDをご自身の動画に合わせて変更してください。video要素を囲っているfigure要素です。
JavaScript