Youtube Iframe Video
<!-- start iframe video section -->
<iframe class="w-100 height-400 border-radius-5" src="https://www.youtube.com/embed/mZb_gat5YCY" allow="encrypted-media" allowfullscreen></iframe>
<!-- end iframe video section -->
Youtube Video
<div class="height-400">
<div class="story-video bg-img cover-background border-radius-5" data-overlay-dark="3" data-background="img/bg/bg-01.jpg">
<div class="opacity-extra-medium bg-black"></div>
<div class="inner-border"></div>
<div class="text-center position-absolute top-50 start-50 translate-middle z-index-1">
<a class="video video_btn" href="https://www.youtube.com/watch?v=f5BBJ4ySgpo">
<i class="fa fa-play"></i>
</a>
</div>
</div>
</div>
Vimeo Video
<div class="height-400">
<div class="story-video bg-img cover-background border-radius-5" data-overlay-dark="3" data-background="img/bg/bg-01.jpg">
<div class="opacity-extra-medium bg-black"></div>
<div class="inner-border"></div>
<div class="text-center position-absolute top-50 start-50 translate-middle z-index-1">
<a class="video video_btn" href="https://vimeo.com/117471268">
<i class="fa fa-play"></i>
</a>
</div>
</div>
</div>
Background Video
<div class="jarallax py-6 py-sm-8 py-md-10 py-xl-14 dark-overlay" data-overlay-dark="7" style="background-image: url(video/vide-bg-img.jpg);" data-jarallax data-speed="0.8" data-video-src="https://www.youtube.com/watch?v=pDWUf_g2zsc&list=PLt_GKfBvBhLd59QVK527ofH9zbdwqVtwI&index=6">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<i class="ti-quote-left text-white display-12 mb-4 d-block"></i>
<h2 class="text-white font-weight-300 mb-6">Creative web design plan for your <strong class="font-weight-600">business </strong>most useful resource. They're done by a <strong class="font-weight-600">team</strong> of people.</h2>
<div class="text-white">-- Steve Jorela</div>
</div>
</div>
</div>
</div>