Como deixar o seu vídeo do Youtube RESPONSIVO no blog?

Veja no post de hoje como deixar os vídeos incorporados do Youtube de forma responsiva no seu blog (seja no post ou em algum gadget do post). A maneira mais simples que encontrei.

Tutorial:
1-Abra o vídeo. Clique em "Compartilhar" depois em "Incorporar", selecione o código e copie.
2-Abra um bloco de notas no computador e cole o código.
EXEMPLO
<iframe width="560" height="315" src="https://www.youtube.com/embed/F_7gT9wQDlk" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
Você vai subistituir  width="560" height="315"  por  "auto" width= "100%" 
<iframe mx-width= "auto" width= "100%" src="https://www.youtube.com/embed/F_7gT9wQDlk" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
Com as alterações feitas copie o código e cole no HTML da postagem ou em um Gadget do Layout.


Veja também

Comentários

  1. estava procurando como fazer isso. vou testar :D

    ResponderExcluir
  2. Nossa, que ótima dica, aposto que vai ajudar muita gente que tá precisando ajeitar o vídeo pra ser responsivo e acessível pra todos de todos os lugares. Arrasou!


    Beijos
    Brilho de Aluguel

    ResponderExcluir
  3. Gente, que fácil! Adorei a dica e o tutorial ficou bem explicadinho!
    Um beijão,
    Gabs | likegabs.blogspot.com ❥

    ResponderExcluir
Sua opinião é muito importante!
:3 :p :s :9 :| :'( :8( ;) :D :( 8) :)

Postar um comentário