Fullscreen Autoplay Video Sample Code

Why give out your phone number to anyone when you can give out your virtual number to everyone! Try Call Me Private today!

This code may not work in any version of Internet Explorer.

Code:

<video preload=\"preload\" autoplay muted loop poster=\"http://mypost.io/samples/images/sample-video-poster.jpg\" id=\"fullscreen\">
<source src=\"http://mypost.io/samples/videos/samplevideo-1080x720-5mb.mp4\" type=\"video/mp4\"/>
</video>
CSS:
.container { margin: 0; }
.content { padding: 0; }
.headline { display: none; }
video { display: block; }
video#fullscreen{
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(polina.jpg) no-repeat;
background-size: cover;
}

@media screen and (max-device-width: 800px) {
#fullscreen {
display: none;
}
}