O Uso da Internet sofre sempre alterações ano após ano, e uma delas é o tipo de dispositivos que seus usuários manejam para assim aceder-a.
Nesse aspecto estudos profundos indicam que esse meio de comunicação, é mais usado apartir de dispositivos móveis, ou seja, Tablets & SmartPhones, e esse número tende sempre a aumentar. E se torna muito difícil para nós mostrar-mos o mesmo conteúdo a todos os tipos de Dispositivos. Então para nós os criadores de conteúdos fica a Seguinte questão:
Como Fazer Para adaptar o Player incorporado do Youtube a um Layout Responsivo em nosso Blog?
Fazemos o Seguinte:
1. Acesse a página inicial do seu blog.
2. Vá até o painel do seu blog e clique em modelo.
3. Clique em Editar HTML e depois aperte as teclas Ctrl + F simultaneamente para abrir a caixa de pesquisa.
4. Digite na caixa de pesquisa CSS e aperte Enter.
5. Cole esse código abaixo da palavra CSS e clique em salvar modelo:
.video-encorporado { position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;height: auto;}.video-encorporado iframe,.video-encorporado object,.video-encorporado embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}
6. Pegue código de incorporação do seu vídeo no YouTube e edite nesse código abaixo e depois faça embed normalmente no seu blog:
video-encorporado"> código incorporação do seu vídeo
video-encorporado
"> código incorporação do seu vídeo" toda a vez que postar um vídeo do Youtube...
