使用引導

Question

當我使用引導建立一個網頁
模板我使用創建的視頻標題：http://startbootstrap.com/template-overviews/agency/
我的問題，我想有一個大的圖像來改變頭的視頻
（一示例在這裏：http://riskeverything.us/）
首先，我認爲我只需要拋出類似<video></<video> tag到<div></div>塊，引導程序的css和js將完成剩下的工作，但它失敗了！代碼
部分進行了修改： ```

<header> 
<div class="container"> 
    <div class="intro-video"> 
     <video id="video" preload autoplay loop="loop" muted="muted" volume="0"> 
      <source src="./one.mp4" type="video/mp4"> 
      Video not supported 
     </video> 
    </div> 
    <div class="intro-text"> 
     <div class="intro-lead-in">Welcome To Our Studio!</div> 
     <div class="intro-heading">It's Nice To Meet You</div> 
     <a href="#services" class="page-scroll btn btn-xl">Tell Me More</a> 
    </div> 
</div> 

``` 可能有些人告訴我應該怎麼做進一步的工作，
感謝！

Answer 1

你已經正確的 - 一些CSS只是<video></video>元素應該作品：http://take.ms/RWHMi

但是更重要的是，你需要在特定的格式http://take.ms/AuK1p

，在這裏你有工作例如http://jsfiddle.net/h8rrhoua/

視頻

另外你可以停止播放電影與代碼：

window.addEventListener('scroll', function(){ document.querySelector("#video").pause(); });

恕我直言，BootSHrap是這項工作不必要的