HaneCa

独り立ちへ向けた長い道

CSS

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

HaneCa 投稿日: 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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。