title: How to enable auto-slide in bootstrap carousel with 2 images and one video every 10s?
body: <p>i'm trying to create a slider which is combination of images and videos.</p>
  
  <p>i tried to implement using bootstrap but, i am failing to do so.</p>
  
  <p>here's the code below    </p>
  
  <pre><code>&lt;div id="carousel-slider" class="carousel slide carousel-fade" data-ride="carousel"&gt;
    &lt;!--Indicators--&gt;
    &lt;ol class="carousel-indicators"&gt;
      &lt;li data-target="#carousel-slider" data-slide-to="0" class="active"&gt;&lt;/li&gt;
      &lt;li data-target="#carousel-slider" data-slide-to="1"&gt;&lt;/li&gt;
      &lt;li data-target="#carousel-slider" data-slide-to="2"&gt;&lt;/li&gt;
    &lt;/ol&gt;
    &lt;!--Indicators--&gt;
    &lt;!--Slides--&gt;
    &lt;div class="carousel-inner" role="listbox"&gt;
      &lt;!--First slide--&gt;
      &lt;div class="carousel-item active"&gt;
        &lt;img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(130).jpg" alt="First slide"&gt;
      &lt;/div&gt;
      &lt;!--/First slide--&gt;
      &lt;!--Second slide--&gt;
      &lt;div class="carousel-item"&gt;
        &lt;video src="./video/video1.mp4" autoplay poster="./images/boardwalk.jpg"&gt;&lt;/video&gt;
      &lt;/div&gt;
      &lt;!--/Second slide--&gt;
      &lt;!--Third slide--&gt;
      &lt;div class="carousel-item"&gt;
        &lt;img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(70).jpg" alt="Third slide"&gt;
      &lt;/div&gt;
      &lt;!--/Third slide--&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <blockquote>
    <p>I need three slides, with two image slides, and one to be a video slide, that changes every 15s.</p>
  </blockquote>
  
  <p>Is there any way to add custom slide using jquery</p>