Website Background Video Example

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Background Video</title>

<style>

video#bgvid{
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    background: url(https://i5.walmartimages.com/asr/f746cb18-483c-4ea4-8a9c-0ee507710062_1.b9a5387fff6672fe2d0e3e28b9fb45e6.jpeg?odnHeight=450&odnWidth=450&odnBg=FFFFFF) no-repeat;
    background-size:cover;
}

</style>

</head>

<body>

<video id="bgvid" autoplay poster"https://i5.walmartimages.com/asr/f746cb18-483c-4ea4-8a9c-0ee507710062_1.b9a5387fff6672fe2d0e3e28b9fb45e6.jpeg?odnHeight=450&odnWidth=450&odnBg=FFFFFF">

<source src="http://videos.com/video1.ogv" type="video/ogv"/>

<source src="http://videos.com/video2.webm" type="video/webm"/>

<source src="http://videos.com/video3.mp4" type="video/mp4"/>

</video>

</body>
</html>