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.



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;

Live Demo | View Source

Set Featured Image Automatically With PHP Snippets