Responsive Videos
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/content/video-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/content/video-bg-02.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>