html5 full screen background video

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

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