概要
キービジュアル等の対象要素の背景に、動画を全画面で表示したい場合の処理について。HTMLとCSSのみで調整する実装方法について紹介。用途
- キービジュアルなどの背景に、動画を全画面表示で配置したい。
仕様
- 動画サイズは画面サイズによりリサイズされます。
- DEMOでは、動画の上にテキストを配置しています。
注意事項
- 動画のサイズについて下限のheightなどを設定したい場合は、min-heightを.c-keyvisualに設定してください。
実装方法
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)