Sou a Helen Fernanda e aqui compartilho dicas, resenhas e tutoriais sobre perfumes, Android, streaming, TV, séries, livros, idiomas e outros recursos que nos libertam do tédio.
Páginas
▼
domingo, agosto 08, 2010
[Defasado] Como mudar o tamanho e a cor do player do YouTube
07/12/2013 - Mesmo defasado, este post continuará no ar para consulta histórica.
Quando desejamos colocar um vídeo em um blog, no orkut, no MySpace ou outro site que permita isso, basta clicar no botão Incorporar <Embed> que o próprio YouTube nos dá algumas opções de personalização de cores e tamanhos.
São nove opções de cores e quatro opções de tamanhos. Você pode colocar um tamanho personalizado, porém ele vai gerar automaticamente a proporção para que o vídeo seja 100% exibido. Observe que o tamanho mínimo é de 200 x 175 pixels.
Vou mostrar neste post como customizar seu player sem depender das alternativas oferecidas pelo site, especialmente para quem ainda não tem intimidade com esse tipo de código HTML.
Colocar o player do YouTube em um tamanho não proporcional pode ser útil em vários casos, mas uma das principais necessidades dos blogueiros é partilhar apenas o áudio, sem o vídeo propriamente dito.
No código abaixo já estão destacas as partes do código que se referem à largura (width) e à altura (height) do player:
Se você já tem uma boa noção de cores em RGB, já deve ter notado que as partes destacadas nada mais são do que códigos de cores, apenas sem o sustenido invertido (#).
O código destacado que vem logo após color1 é a cor das bordas. O código destacado que vem logo após color2 é a cor do player. As regras são as mesmas:
A cor que você aplicar no primeiro color1 deve ser aplicada no segundo color1.
A cor que você aplicar no primeiro color2 deve ser aplicada no segundo color2.
Para ficar bem fácil de visualizar, segue um exemplo de código onde o player está preto (000000) e suas bordas estão verde-limão (00ff00):
O meu player ficou branco quando fui fazer o teste pelo Orkut. Os códigos das cores não aparecem. Tem como arrumar isso ou meu navegador estar sem complementos para tal? Desculpa mandar como "Anônino", mas o burro aqui não sabe mandar como Nome/URL ¬¬'
Henrique, o orkut nunca lê 100% dos códigos HTML, CSS e JavaScript. Muita coisa ele bloqueia ou ignora por segurança, já que há muitos scripts maliciosos.
Simplesmente perfeito! Não entendo bulhufas de HTML, mas com suas dicas consegui inserir o mini player e ainda personalizar tamanho e cor de acordo com meu blog! Meus sinceros parabéns pela postagem!
Helem boa noite! Parabéns pelo site muito bom juntamente com toda a organização dos conteúdos. Por acaso saberia me informar se houve alguma mudança nos códigos pois não aparece mais as configurações do player no meu perfil da aeria games. Grato
nossa, adorei o tutorial.
ResponderExcluirmuito bom mesmo, bem explicadinho, organizadinho.
NOTA 10 não tinha como ficar melhor (=
parabéns =**
Naum enterdi Muito naum sei muito sobre as cores do (RGB)Mais amei o site benn organizado Voc^ esta de Parabéns
ResponderExcluirO meu player ficou branco quando fui fazer o teste pelo Orkut. Os códigos das cores não aparecem. Tem como arrumar isso ou meu navegador estar sem complementos para tal? Desculpa mandar como "Anônino", mas o burro aqui não sabe mandar como Nome/URL ¬¬'
ResponderExcluirPerfil: Henrique, São Paulo - SP
Henrique, o orkut nunca lê 100% dos códigos HTML, CSS e JavaScript. Muita coisa ele bloqueia ou ignora por segurança, já que há muitos scripts maliciosos.
ResponderExcluirperfeito amei de verdade otimo site parabéns se puder segue?
ResponderExcluirbiialourenco.blogspot.com
Simplesmente perfeito! Não entendo bulhufas de HTML, mas com suas dicas consegui inserir o mini player e ainda personalizar tamanho e cor de acordo com meu blog! Meus sinceros parabéns pela postagem!
ResponderExcluirHelem boa noite!
ResponderExcluirParabéns pelo site muito bom juntamente com toda a organização dos conteúdos.
Por acaso saberia me informar se houve alguma mudança nos códigos pois não aparece mais as configurações do player no meu perfil da aeria games.
Grato
Pedro, houve mudança nos códigos sim e ficou ainda mais simples de personalizar pois agora é <iframe>.
ResponderExcluirnao entendi , meu player simplesmente continuou preto :v
ResponderExcluirO post é de 2010 e hoje o recurso não existe mais. :(
Excluir