Bootstrap 3：將視頻與網格相結合

我有多個視頻需要調整爲它的父引導程序div格式，但奇怪的是它增加了col的大小而不是視頻本身。Bootstrap 3：將視頻與網格相結合

下面是如何在網格格式代碼的示例。在我的CSS文件中，類gif-video的寬度和高度都設置爲300.

這裏是代表我的問題的image。

如果我將gif-video的寬度和高度更改爲100％，以下是它的外觀。大小是正確的，但有空的空間，就像div被推下去一樣。

這是代表此問題的image。

<div class="container"> 
    <div class="row"> 
    <div class="col-lg-3 col-md-4 col-xs-6 thumb"> 
       <video class="gif-video" autoplay loop poster="http://thumbs.gfycat.com/<%= title %>.jpg">  
        <source src=<%= gif.webmurl %> type="video/webm"> 
        <source src=<%= gif.mp4url %> type="video/mp4"> 
       </video> 
      </div> 
    </div> 
</div>

來源

2015-10-07 Wraithseeker

該視頻已raspect比接觸到它們（16/9， 4/3等）。因此，您的容器/網格應具有與腳相同的寬高比。 –

對不起，但我是自舉新手，但是如何將它們設置爲具有相同的高寬比？當我在視頻加載之前刷新頁面時，它們具有正確的佈局，但是當視頻呈現時，網格被竊聽。 – Wraithseeker

閱讀本文，也許它會幫助您 - http://getbootstrap.com/components/#responsive-embed –

設置最大高度和最大寬度的div一些視頻必須被大一點，也許墊襯推到右側或底部

來源

2015-10-07 08:20:16

我該在哪裏設置？我只是將它們都設置爲100％？我注意到，當我刷新頁面時，佈局正是我想要的，但是當頁面加載時，它會被推下。 – Wraithseeker

Bootstrap 3：將視頻與網格相結合

回答

相關問題