I have this code for pictures carousel , but I would like to have a auto play video from youtube instead :
<div class="container">
<div class="row">
<div class="col-md-12">
<div id="carousel">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
<li data-target="#carousel-example-generic" data-slide-to="3"></li>
<li data-target="#carousel-example-generic" data-slide-to="4"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="./images/slider/1.jpg" alt="...">
<div class="carousel-caption">
<h3>Virtual Airlines </h3>
</div>
</div>
<div class="item">
<img src="./images/slider/2.jpg" alt="...">
<div class="carousel-caption">
<h3>Virtual Airlines </h3>
</div>
</div>
<div class="item">
<img src="./images/slider/3.jpg" alt="...">
<div class="carousel-caption">
<h3>Virtual Airlines</h3>
</div>
</div>
<div class="item">
<img src="./images/slider/4.jpg" alt="...">
<div class="carousel-caption">
<h3>Virtual Airlines </h3>
</div>
</div>
<div class="item">
<img src="./images/slider/5.jpg" alt="...">
<div class="carousel-caption">
<h3>Virtual Airlines</h3>
</div>
</div>
</div>