Video Hero
<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;
}
}