Create Html5 Full Screen Background Video

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

Animated Tooltip with CSS3