Boa tarde, pessoal !
Alguém por gentileza poderia explicar como implementar um video responsive com bootstrap ?
obg ;)
Boa tarde, pessoal !
Alguém por gentileza poderia explicar como implementar um video responsive com bootstrap ?
obg ;)
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
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 !