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

2021/10/13 13:572022/9/6 13:52

タイトルエリアに背景動画を設置して、自動再生するサンプルです。スマートフォンでは端末によって動作しないことがあります。

こちらが元Notionの記事のリンクです。元Notionで貼った動画をページ読み込み時に隠して、背景動画に移動しています。

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

タイトルエリアに背景動画を設置して、自動再生するサンプルです。

https://www.notion.so/nabettu/8b13c976f08d45ca97f991a2ca3a29b6?a

追加CSS

head内html追記

body内html追記

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