無法將Video.js視頻集中在Bootstrap Carousel中

好的，我已經嘗試過所有我能想到的margin：0 auto;保證金左：自動;自動保證金。我試過bootstrap中的'center'標籤。文字中心不會影響內容。我試過它可能在所有級別的div和元素。我似乎無法讓黨的事情爲中心。使用MVC5將Video.js用於Bootstrap 3上的視頻。無法將Video.js視頻集中在Bootstrap Carousel中

HTML

對於代碼將無法呈現的一些原因之一，所以這裏不可見頂部的圖像。

html_snip http://www.educatetograduateinc.com/Content/img/E2G_Html_Snip.jpg

WORD從街道

 <div class="br-hr type_short"> <span class="br-hr-h"> 
        <i class="icon-pencil"></i> 
       </span> 

     </div> 
     <div class="carousel carousel-fade slide carousel-featuredwork center" id="carousel-testimonials" data-ride="carousel"> 
      <ol class="carousel-indicators"> 
       <li data-target="#carousel-testimonials" data-slide-to="0" class="active"></li> 
       <li data-target="#carousel-testimonials" data-slide-to="1" class=""></li> 
       <li data-target="#carousel-testimonials" data-slide-to="2" class=""></li> 
      </ol> 
      <div class="carousel-inner" style="margin-top:-20px;"> 
       <div class="item active" style="overflow:visible;padding:0 0 0 0;"> 
        <div class="videoUiWrapper thumbnail"> 
         <video width="640" height="480" id="demo1" poster="http://educatetograduateinc.com/Content/img/E2G_Video_poster.jpg"> 
          <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Debt_rev2.mp4" type="video/mp4"> 
           <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Debt_rev2.ogv" type="video/ogg"> 
            <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Debt_rev2.webm" type='video/webm' />Your browser does not support the video tag.</video> 
        </div> 
       </div> 
       <div class="item" style="overflow:visible;padding:0 0 0 0;"> 
        <div class="videoUiWrapper thumbnail"> 
         <video width="640" height="480" id="demo2" poster="http://educatetograduateinc.com/Content/img/E2G_Video_poster.jpg"> 
          <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lotto_rev2.mp4" type="video/mp4"> 
           <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lotto_rev2.ogv" type="video/ogg"> 
            <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lotto_rev2.webm" type='video/webm' />Your browser does not support the video tag.</video> 
        </div> 
       </div> 
       <div class="item" style="overflow:visible;padding:0 0 0 0;"> 
        <div class="videoUiWrapper thumbnail"> 
         <video width="640" height="480" id="demo3" poster="http://educatetograduateinc.com/Content/img/E2G_Video_poster.jpg"> 
          <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lawyer_rev4.mp4" type="video/mp4"> 
           <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lawyer_rev4.ogv" type="video/ogg"> 
            <source src="http://educatetograduateinc.com/Content/video/E2G_Video_Lawyer_rev4.webm" type='video/webm' />Your browser does not support the video tag.</video> 
        </div> 
       </div> 
      </div> 
      <!-- /.carousel-inner --> 
     </div> 
    </div> 
</div>

這裏是在野外轉盤的圖象..

html_snip http://www.educatetograduateinc.com/Content/img/E2G_WebShot.jpg

我也有一個小提琴... http://jsfiddle.net/6B59S/12/

任何幫助將不勝感激。

THX

來源

2014-06-10 CSSHell

穿戴寬度= 100％爲視頻標籤http://jsfiddle.net/st88F/

  <video width="100%" height="480" id="demo1" ....

來源

2014-06-10 22:29:11

這似乎不適用於實際的應用程序。看到這裏，我上傳了你的編輯以及下面的編輯。 http://educatetograduateinc.com/ – CSSHell

更改默認的CSS：.videoUiWrapper.thumbnail { float：left; }變成：.videoUiWrapper.thumbnail { float：none; } –

有的Video.js和引導傳送帶之間的衝突。感謝你的幫助。

來源

2014-06-11 03:35:00 CSSHell

無法將Video.js視頻集中在Bootstrap Carousel中

回答

相關問題