title: Play Video in Bootstrap Modal Popup
body: <p>I am trying to play a mp4 video  in the bootstrap modal pop-up.</p>
  
  <p>The video is placed in the folder of my project.</p>
  
  <p>The problem is , when I give the path of the video from the project's folder , nothing happens i.e. the video is not played :</p>
  
  <p>Here is the snapshot of the pop-up<a href="https://i.stack.imgur.com/MjbQ9.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MjbQ9.jpg" alt="enter image description here"></a></p>
  
  <p>I tried the following code :</p>
  
  <pre><code>  &lt;!-- Modal HTML --&gt;
      &lt;div id="myModal" class="modal fade"&gt;
          &lt;div class="modal-dialog"&gt;
              &lt;div class="modal-content"&gt;
                  &lt;div class="modal-header"&gt;
                      &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;×&lt;/button&gt;
                      &lt;h5 class="modal-title"&gt;SECRETS OF SUPERIOR CUSTOMER SERVICE (July 22, 2016)&lt;/h5&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-body"&gt;                   
                      &lt;div class="embed-responsive embed-responsive-16by9"&gt;
    &lt;iframe class="embed-responsive-item" src="&lt;%= ResolveUrl("~") %&gt;Departments/HR/Presentations/Credit/csp_pre.mp4"&gt;&lt;/iframe&gt;
  
  &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>But , if I change the <strong>Src</strong> to some thing like :</p>
  
  <pre><code>http://techslides.com/demos/sample-videos/small.mp4
  </code></pre>
  
  <p>The video is played .</p>
  
  <p>What could be the problem ?</p>
  
  <p>as the video is playing fine when I give the source from any online link.</p>
  
  <p>Please help me .</p>
  
  <p>Thanks in advance</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I also tried <code>video</code> tag instead of <code>iframe</code> but still problem is same if i give the source from folder :</p>
  
  <pre><code>&lt;div class="modal-body"&gt;                   
                      &lt;div class="embed-responsive embed-responsive-16by9"&gt;
                          &lt;video autoplay loop class="embed-responsive-item"&gt; 
                          &lt;source src="&lt;%= ResolveUrl("~") %&gt;Departments/HR/Presentations/Credit/csp_pre.mp4" type="video/mp4"&gt;
                          &lt;/video&gt;
  
  
  &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>