Cacher is the code snippet organizer for pro developers

<section class="hero-video">
  <!--<video autoplay loop muted>-->
  <!--  <source src="assets/build/video/main.mp4" type="video/mp4" /> -->
  <!--  <source src="assets/build/video/main.webm" type="video/webm" />-->
  <!--  Your browser does not support HTML5 video.-->
  <!--</video>-->
  <iframe src="https://player.vimeo.com/video/284366312?background=1" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</section><!-- #section -->

.hero-video {
	height: 500px;
  position: relative;
  overflow-y: hidden;
  color: white;
  video, iframe {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    top: -200px;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -100;
  }
}