Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

bootstrap responsive video

Boa tarde, pessoal !

Alguém por gentileza poderia explicar como implementar um video responsive com bootstrap ?

obg ;)

5 respostas

José, as Iframes do bootstrap já tem regras aplicadas a eles. Quando quiser implementar um video responsivo, você pode usar a classe <iframe class="embed-responsive-item"></iframe>

Caso deseje saber mais, segue um link informativo

http://getbootstrap.com/components/#responsive-embed

solução!

Olá José,

Para criar um iframe responsivo no Bootstrap você precisa de duas coisas essencialmente.

Primeiro uma div que irá englobar o seu iframe e as respectivas classes do Bootstrap.

Como o Allan passou no link acima você pode conferir diretamente na documentação do Bootstrap.

Mas em tese é só isso aqui para um aspect-ratio de 16:9

<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>

E isso aqui para um aspect-ratio de 4:3

<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>

Agradeço a todos pela ajuda. Implementei meu código com o do Wagner e consegui. Vlw galera !