Como deixar os vídeos do Youtube e Vimeo responsivos no WordPress
Do momento que você está lendo esse artigo em diante, provavelmente não verá um novo site sem que ele seja responsivo.
Um grande problema constante, é quando se trata de EMBED, ou seja, quando você tenta inserir/integrar/embutir algum conteúdo (geralmente vídeo) no site, isso porque originalmente não são conteúdos responsivos, ou seja, possuem largura e altura específica. Para resolver isso, conseguimos habilitar o seu tema para funcionar com vídeos responsivos alterando apenas dois arquivos: style.css e functions.php
O que você irá ver nesse post
Alterando o código
Primeiro, vamos inserir o estilo CSS no arquivo style.css (padrão)
Agora que criamos o estilo, devemos inserir o código abaixo no arquivo functions.php para podermos efetivamente integrarmos o vídeo responsívo ao WordPress sempre que adicionarmos uma mídia de vídeo pelo editor:
Pronto!
Dá uma olhada como ficou:
e o melhor!, também funciona com o SoundCloud e Vimeo!
