2016-07-25 11 views
-1

ブートストラップモーダルポップアップでmp4ビデオを再生しようとしています。ブートストラップモーダルポップアップでビデオを再生

ビデオは私のプロジェクトのフォルダに置かれます。

問題は、私はプロジェクトのフォルダからビデオのパスを与えたときに、ビデオが再生されていない、つまり、何も起こりません、次のとおりです。ここで

はポップアップenter image description here

私が試したのスナップショットです次のコード:

<!-- 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で

ありがとう:

は、私はまた、代わりにiframevideoタグを試みたが、私はフォルダからソースを与えれば、まだ問題は同じです:

<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> 

答えて

0

は交換してみiframeに「video」タグと「source」タグがあります。

<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> 

ご確認ください。わたしにはできる。

+0

私は、オンラインのリンクにパスを与えても、私のために働いています。しかし、ローカルフォルダからビデオのパスを渡すと何も起こりません。 –

+0

私はあなたがそれを見ることができる私の質問を編集しました、私はあなたの提案されたアプローチでコードを追加しました –

+0

Mmm。それは変だね。 http:// localhost/Departments/HR/Presentations/Credit/csp_pre.mp4' – Vince