У меня есть несколько видеороликов, которые я бы хотел изменить на родительский bootstrap div в формате сетки, но странно, что это увеличивает размер col, но не самого видео.Bootstrap 3: Установка видео в сетку
Вот пример того, как код идет в формате сетки. В моем файле CSS ширина и высота gif-видео класса установлены как 300.
Вот image, представляющий мою проблему.
Если я изменяю ширину и высоту gif-видео на 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>
видео имеет raspect отношения прикрепляется к ним (16/9, 4/3 и т. Д.). Таким образом, ваш контейнер/сетка shoud имеет одинаковое соотношение сторон к ногам. –
Прошу прощения, но я новичок в бутстрапе, но как установить, чтобы они имели одинаковое соотношение сторон? Когда я обновляю страницу до загрузки видео, у них есть правильный макет, но когда видео отображается, сетка прослушивается. – Wraithseeker
Прочтите это, может быть, это поможет вам - http://getbootstrap.com/components/#responsive-embed –