Hoje precisei pesquisar para colocar o iframe embed do youtube de forma responsiva.
E encontrei neste site: https://avexdesigns.com/responsive-youtube-embed/, uma forma simples e muito eficaz:
Basta inserir em seu css:
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
E depois colocar o iframe dentro de uma div, chamando a classe video-container criada no css.
<div class="video-container"><iframe .....=""></iframe></div>
Assinar:
Postar comentários (Atom)
Feliz 2021
Fala pessoal, o blog ta parado, mas vamos deixar aqui o Feliz Ano Novo que 2021 seja excelente para todos. Sempre com Deus Não esqueçam d...

-
Acesse seu Livezilla Cliente System > Options > Predefined Menssages Clique em New, selecione PT - Portuguese No primeiro campo &quo...
-
"Ás vezes é preciso se preciptar para obter sucesso, se Bill Gates estivesse esperando a perfeição, não teríamos o windows até hoje e e...
-
A invasão das empresas no mundo do internauta. Bom tenho pensando já a bastante tempo em estrategias de mídias sociais , e estudado muito ...

Nenhum comentário:
Postar um comentário