Boostrap высота Видеокарусели

Question

Я реализую эту самозагрузка Видеокарусели в моем коде:

<div class="row"> 

     <h2>Videos</h2> 
     <hr /> 

     <div class="carousel slide" id="videoCarousel" data-ride="carousel"> 
       <!-- Indicators --> 
      <ol class="carousel-indicators"> 
       <li data-target="#videoCarousel" data-slide-to="0" class="active"></li> 
       <li data-target="#videoCarousel" data-slide-to="1"></li> 
       <li data-target="#videoCarousel" data-slide-to="2"></li> 
       <li data-target="#videoCarousel" data-slide-to="3"></li> 
      </ol> 

      <!-- Wrapper for slides --> 
      <div class="carousel-inner" role="listbox"> 
       <div class="item active"> 
       <iframe width="100%" height="100%" src="//www.youtube.com/embed/SEBLt6Kd9EY?controls=0" frameborder="0" allowfullscreen="allowfullscreen"></iframe> 
       </div> 

      <div class="item"> 
       <iframe width="100%" height="100%" src="//www.youtube.com/embed/SEBLt6Kd9EY?controls=0" frameborder="0" allowfullscreen="allowfullscreen"></iframe> 
      </div> 

      <div class="item"> 
       <iframe width="100%" height="100%" src="https://youtu.be/pVgtPovVSbY" frameborder="0" allowfullscreen="allowfullscreen"></iframe> 
      </div> 

      <div class="item"> 
       <iframe width="100%" height="100%" src="//www.youtube.com/embed/SEBLt6Kd9EY?controls=0" frameborder="0" allowfullscreen="allowfullscreen"></iframe> 
      </div> 
      </div> 

      <!-- Left and right controls --> 
       <a class="left carousel-control" href="#videoCarousel" role="button" data-slide="prev"> 
       <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 
       <span class="sr-only">Previous</span> 
       </a> 
       <a class="right carousel-control" href="#videoCarousel" role="button" data-slide="next"> 
       <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
       <span class="sr-only">c</span> 
       </a> 

      </div>    
     </div> 

я использую тот же код для карусели изображения и для этого один я, очевидно, использовать IMG вместо Iframe в качестве тега для элементов для отображения. Я просто не понимаю, почему в случае с видеокамерой я получаю видеоролики, отображаемые на фиксированной высоте, и если я изменю его с помощью CSS, видео будет отображаться всегда с той же высотой, но внутри рамки с пустым пространством в нем.

Чтобы сделать себя более ясным, я хотел бы иметь видеоролики с карусели размером 800x600 или подобными, как на youtube. Я не знаком с загрузкой или использованием каруселей, поэтому я думаю, что у меня нет чего-то очень простого ...

Заранее спасибо за помощь!

Answer 1

Хорошо, я просто вставлял код с youtube, используя неправильные настройки. Как и ожидалось, ошибки noobish ....!