title: How to add video in carousel bootstrap 3
body: <p>I want to have a gallery on my website. I'm new at bootstrap world so I'm wondering if you guys can help me. At the bottom is my source code, when I clicked the image it will just show a big preview of the picture so I'm trying to do is make it a video with controls. I hope you understand and can help me. BTW I'm editing a template website so I really don't know how to fix this one.</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-lg-12 col-md-12 col-sm-12"&gt;
              &lt;div id="gallerySLide" class="gallery_area"&gt;
                  &lt;a href="videos/1.mp4" title="This is Title"&gt;
                      &lt;img class="gallery_img" src="img/gallery/img-small1.jpg" alt="img" /&gt;
                  &lt;span class="view_btn"&gt;View&lt;/span&gt;&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Images : <a href="https://ibb.co/mtZNLk" rel="nofollow noreferrer">https://ibb.co/mtZNLk</a>
  <a href="https://ibb.co/mns3RQ" rel="nofollow noreferrer">https://ibb.co/mns3RQ</a></p>