Hi, I have a video from youtube into a banner or slider div but it takes around 10 seg to load, so my page is so slow to load the content.
Is there one way to do this faster?
this is my code :
<section id="slider" class="slider-element swiper_wrapper clearfix">
<div class="swiper-container swiper-parent">
<div class="section yt-bg-player nomargin dark" data-quality="170" data-start="2" data-stop="20" data-video="http://youtu.be/cacKAkSICCY" data-loop="true" data-opacity="0.3" style="height: 300px !important;">
<div class="container clearfix">
<div class="container clearfix">
<div class="slider-caption slider-caption-center" style="margin-top: -50px;">
<h2 data-animate="fadeInUp">{!!trans('investment.title_header')!!}</h2>
<p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200" style="font-size: 18px">{!!trans('investment.title_header.p1')!!}</p>
</div>
</div>
</div>
</div>
</div>
</section>