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

Maan

Maan

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

Add comment