Skip to content

Instantly share code, notes, and snippets.

@aaronfischer
Last active February 21, 2016 05:23
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save aaronfischer/11217531 to your computer and use it in GitHub Desktop.
Save aaronfischer/11217531 to your computer and use it in GitHub Desktop.
Full screen background video
<video id="video" class="full-bleed" preload="" autoplay="">
<source src="/videos/MMI-Feature-Vid-01.2.webmhd.webm" type="video/webm">
<source src="/videos/MMI-Feature-Vid-01.3.mp4" type="video/mp4">
</video>
video.full-bleed{
display:block;
position: absolute;
min-width: 100%;
min-height: 100%;
right:0;
bottom:0;
width: auto;
height: auto;
z-index: -99;
background: url(../images/16x9.png) no-repeat;
@include background-size(cover);
}
@grantstandridge
Copy link

GET OUTTA TOWN RIGHT NOW

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment