Como deixar os vídeos do Youtube e Vimeo responsivos no WordPress

Márcio Dias
Desenvolvedor front-end/back-end e especialista em Wordpress

Como deixar os vídeos do Youtube e Vimeo responsivos no WordPress

Blog » 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!

Compartilhe

Deixe seu comentário

Av. Paulista, 1765 Conj. 72, Cerqueira Cesar, São Paulo/SP

Responsabilidade Social

2019 Abale Desenvolvimento Web