Воспроизвести видео в Bootstrap Modal Popup

Question

Я пытаюсь воспроизвести видео mp4 во всплывающем всплывающем окне загрузки.

Видео размещено в папке моего проекта.

Проблема заключается в том, когда я даю путь видео из папки проекта, ничего не происходит, то есть видео не воспроизводится:

Вот снимок всплывающего

Я попытался следующий код:

<!-- Modal HTML --> 
    <div id="myModal" class="modal fade"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
        <h5 class="modal-title">SECRETS OF SUPERIOR CUSTOMER SERVICE (July 22, 2016)</h5> 
       </div> 
       <div class="modal-body">     
        <div class="embed-responsive embed-responsive-16by9"> 
    <iframe class="embed-responsive-item" src="<%= ResolveUrl("~") %>Departments/HR/Presentations/Credit/csp_pre.mp4"></iframe> 

</div> 
       </div> 
      </div> 
     </div> 
    </div> 

Но, если я изменю Src в какой-то вещи, как:

http://techslides.com/demos/sample-videos/small.mp4 

Воспроизведение видео.

В чем может быть проблема?

как видео играет хорошо, когда я даю источник из любой онлайн-ссылки.

Пожалуйста, помогите мне.

Заранее спасибо

EDIT:

Я также попытался video тег вместо iframe, но до сих пор проблема в том же, если я дать источник, из папки:

<div class="modal-body">     
        <div class="embed-responsive embed-responsive-16by9"> 
         <video autoplay loop class="embed-responsive-item"> 
         <source src="<%= ResolveUrl("~") %>Departments/HR/Presentations/Credit/csp_pre.mp4" type="video/mp4"> 
         </video> 


</div> 
       </div> 

Answer 1

Попробуйте заменить iframe с тегами «видео» и «источник», как показано ниже.

<video autoplay loop class="embed-responsive-item"> 
<!--replace this sample with your video--> 
<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4"> 
</video> 

проверьте ваш путь, пожалуйста. Меня устраивает.