title: How to use local files in a bootstrap video carousel
body: <p>I'm creating a website for my assignment and I want a carousel of videos. So I found a template for bootstrap carousel and the video linked to some server played. I would like to know how I can get local videos to play as well. I tried changing the source to my local video file, but it is not working. Can someone please tell me how I can play my videos on a bootstrap carousel. Don't worry about big size div.</p>
  
  <pre><code>  &lt;div class="bigsize"&gt;
     &lt;div id="myCarousel" class="carousel slide" data-ride="carousel"&gt;
    &lt;!--Slides--&gt;
    &lt;div class="carousel-inner" role="listbox"&gt;
      &lt;div class="carousel-item active"&gt;
        &lt;video  autoplay loop muted&gt;
          &lt;source src="https://mdbootstrap.com/img/video/Tropical.mp4" type="video/mp4" /&gt;
        &lt;/video&gt;
      &lt;/div&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>