title: How to place a video in html using bootstrap 4?
body: <p>I am working on a website in which I want to place a video in html using <strong>boostrap 4</strong>. The video is in mp4 format. </p>
  
  <p><br>
  The html code which I have tried/used in order to place a video is:</p>
  
  <pre><code>&lt;header class="container border masthead_video text-white text-center"&gt;
     &lt;div class=""
        type="video/mp4" autoplay="autoplay" loop="loop"&gt;&lt;/video&gt;
     &lt;/div&gt;
     &lt;div class="row mt-5"&gt;
        &lt;div class="col-md-10 col-lg-8 col-xl-7 mx-auto"&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/header&gt;  
  </code></pre>
  
  <p><br><br>
  <strong>Problem Statement:</strong> </p>
  
  <p>I am wondering if there is any predefined header class in bootstrap like we have <a href="https://getbootstrap.com/docs/4.0/components/navbar/" rel="nofollow noreferrer">navbar</a> where we can place images and videos. Also, what changes I need to make in order to place a video here:</p>
  
  <pre><code> &lt;div class=""
            type="video/mp4" autoplay="autoplay" loop="loop"&gt;&lt;/video&gt;
   &lt;/div&gt;
  </code></pre>