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...
-
Vamos aprender a criar um botão para voltar a página anterior com PHP através do BPHP. Criar este processo na unha é bem simples mas as ve...
-
Como de costume obtenho as vezes soluções dicas simples para necessidades complexas com o pessoal da lista PHP que participo que resolvem ...
-
"Á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...
Nenhum comentário:
Postar um comentário