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...
-
Olá Pessoal, Antes de começar as postagens em meu blog, creio que devo me apresentar. Meu nome é Arthur, tenho 23 anos, trabalho com...
-
Que tal ganhar dinheiro com a TopBuzz? Basta publicar seu conteúdo na plataforma do aplicativo, que você poderá ter ganhos mensais de acor...
-
Virada de ano é tempo de pensar, em tudo de bom que conquistamos e principalmente que podemos conquistar nos próximos anos, e cada conqu...
Nenhum comentário:
Postar um comentário