HaneCa

独り立ちへ向けた長い道

VideoタグをCSSを使って背景で全画面表示する方法

投稿日: 2017年5月15日 最終更新日: 2020年8月10日

最近、videoが全面に表示されているサイトを見かけるので、それを再現してみました。

単純にvideoタグでビデオを再生した場合、次のように表示されます。

.fullVideo {
background-size: cover;
bottom: 0; height: auto; min-height: 100%; min-width: 100%; position: fixed; right: 0; width: auto; z-index: -100;
} 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください