Background Video.module.css'

video.fullscreen { 
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translate(-50%, -50%);
}

Source: css-tricks.com

Background Video.module.css'

<video
  src="#defer-loading"
  poster="nice-default.jpg
  autoplay
/>

Source: css-tricks.com

Similar codes

0 vote337 views1 answer
How to make code continue after a transition css
CSS
0 vote411 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote741 views1 answer
Création forme geometrique 5 cote html css
CSS
2 votes324 views2 answers
Opacity animation css
CSS
6 votes367 views2 answers
How to add scss to a react app
CSS
0 vote328 views1 answer
Input padding without changing width
CSS
0 vote331 views1 answer
Underlined style for a link
CSS
62 votes324 views5 answers
Media max width css
CSS
0 vote389 views1 answer
Fill and no repeat background image css
CSS
26 votes330 views5 answers
Css text align left
CSS