How to make a background video on a site like Apple?

Question

css

How to make a background video like on the Apple website in the Apple Tv + section. At the bottom it has a background and text on it, and it loads quickly on all devices, be it Iphone, Android or Desktop. So that it loads in Safari in Chrome, quickly, efficiently, and does not load the device much, it loads quickly. How? Help me please.

Answer 1

<video autoplay loop>
   <source src="video/video2.mp4" type="video/mp4">
   <source src="video/video1.webm" type="video/webm">
   <source src="video/video3.ogv" type="video/ogg"/>
</video>

video{
   position:fixed;
   z-index:-1;
   min-width:100%;
   min-height:100%;
   overflow:hidden;
}

quickly, efficiently, and the device did not load much - it depends on how the video will be compressed, how much the file has weight. Internet speed