Create Html5 Full Screen Background Video

Video Backgrounds are a very desirable technique in web design today. In this snippet you can create Html5 Full screen background video with pure CSS & HTML5, there is no need for a framework.

HTML5
[html]

[/html]

CSS
[css]
video#bgvid {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100;
background: url(polina.jpg) no-repeat;
background-size: cover;
}
[/css]

Live Demo | View Source

Maan
Maan

21 year old designer, blogger and front-end developer. love to share creative design and inspiration.

Your email address will not be published. Required fields are marked *