HTML Media Elements Video header or background
Example
Adding a video that will autoplay on a loop and has no controls or sound. Perfect for a video header or background.
<video width="1280" height="720" autoplay muted loop poster="video.jpg" id="videobg">
<source src="/?originalUrl=https%3A%2F%2Friptutorial.com%2F%26quot%3Bvideo.mp4%26quot%3B%2520type%3D%26quot%3Bvideo%2Fmp4%26quot%3B%26gt%3B%2520%2520%26lt%3Bsource%2520src%3D%26quot%3Bvideo.webm%26quot%3B%2520type%3D%26quot%3Bvideo%2Fwebm%26quot%3B%26gt%3B%2520%2520%26lt%3Bsource%2520src%3D%26quot%3Bvideo.ogg%26quot%3B%2520type%3D%26quot%3Bvideo%2Fogg%26quot%3B%26gt%3B%26lt%3B%2Fvideo%26gt%3B%253C%2Fcode">This CSS provides a fallback if the video cannot be loaded. Note that is it recomended to use the first frame of the video as the poster video.jpg.
#videobg {
background: url(video.jpg) no-repeat;
background-size: cover;
}
