Como capturar e mostrar thumbnails dos vídeos do Youtube

• 24 de agosto de 2011

Editar artigo ► +A +|- -A
Olá querido leitor, seja bem-vindo a mais um artigo do Bloggando Na Web. No artigo de hoje eu mostrarei como capturar thumbnails dos vídeos do Youtube.

Talvez, você já tenha tido a necessidade de colocar a imagem ilustrativa de um vídeo do Youtube no blog. Se já, você provavelmente recorreu ao bom e velho print screen, certo? Pois bem, depois de ler esse artigo, você verá como é muito simples adicionar thumbnails (imagens ilustrativas, miniaturas) de qualquer vídeo do Youtube, sem precisar tirar print screens!

Se você utiliza o site Youtube para fazer o upload de seus vídeos, você verá que, ao acessar a sua conta e clicar no botão Editar de qualquer vídeo, haverá uma opção que permite que você escolha dentre 3 opções de miniatura, como mostra a imagem abaixo.


Imagem por: Bloggando Na Web

Essas miniaturas - chamadas de thumbnails em inglês - são capturadas durante o upload do vídeo, e servem de “capa” para o mesmo quando o usuário ainda não clicou no botão de Play. Vamos entender melhor, veja o vídeo abaixo.


Se você não clicou no botão de Play, você deve estar vendo a imagem de um boneco laranja e um boneco azul segurando uma faca, e essa imagem é a famosa thumbnail - imagem que ilustra algo, nesse caso o vídeo.

Como eu já falei acima, você pode mudar a thumbnail que aparece no vídeo, acessando sua conta do Youtube e clicando na opção de editar vídeo, assim, você verá 3 opções para escolher. Se você não escolher nenhuma, a imagem que aparecerá será a número 2 (do meio), que é o padrão do Youtube.

Você já deve ter reparado que o link dos vídeos do Youtube é sempre o mesmo, o que muda é apenas o ID do vídeo. Veja abaixo como é o formato do link de um vídeo do Youtube.

http://www.youtube.com/watch?v=ID-DO-VÍDEO
As letras e números que aparecem aleatoriamente no final do link dos vídeos, são o ID do mesmo. Pode acontecer também de, em alguns casos, o link aparecer dessa forma:

http://www.youtube.com/watch?v=ID-DO-VÍDEO&feature=fvwrel
No caso acima, é importante que você saiba que o ID do vídeo aparece sempre antes do & e depois do sinal de igual, como foi destacado acima.

Para gerar as miniaturas do vídeo, o Youtube também utiliza o ID dos vídeos, e existem algumas opções que você pode usar, veja os exemplos abaixo:

Miniatura 1
120 x 90 pixels
Miniatura 2
120 x 90 pixels
Miniatura 3
120 x 90 pixels

O link para gerar essas imagens é sempre o mesmo (assim como os vídeos), e a única coisa que muda é o ID do vídeo do qual a imagem deve ser mostrada, veja o exemplo abaixo.

http://img.youtube.com/vi/ID-DO-VÍDEO/1.jpg
O link acima é responsável por mostrar a miniatura de qualquer vídeo do Youtube, basta substituir a parte que foi destacada em vermelho pelo ID do vídeo que você quer, e a parte que foi destacada em azul você pode mudar para: 1, 2 ou 3, que é o número da miniatura. Fazendo isso, uma miniatura pequena (120 x 90) será gerada.

Utilizando o mesmo link que foi mostrado acima, é possível gerar uma miniatura maior, com praticamente o tamanho original do vídeo (480 x 360). Para tal, basta adicionar as letras “hq” antes do número da miniatura, como mostrado abaixo.

http://img.youtube.com/vi/ID-DO-VÍDEO/hq1.jpg
Após adicionar as letras antes do número da miniatura, o resultado será o seguinte:

Miniatura 1 - 480 x 360 pixels
Miniatura 2 - 480 x 360 pixels
Miniatura 3 - 480 x 360 pixels

Viu como é simples, rápido e fácil?

Essa dica, com certeza, ajudará a diminuir a quantidade de print screens dos vídeos do Youtube, assim como, irá diminuir o trabalho de ter que salvar a imagem e carregá-la no blog, o que, consequentemente, reduzirá o espaço utilizado nos álbuns da sua conta do Picasa Web - onde as imagens do blog são armazenadas.

Se você gostou da dica, achou ela útil ou ficou com dúvidas, sinta-se a vontade para participar postando um comentário. E não se esqueça de compartilhar o artigo através dos botões que estão logo abaixo!
É proibido copiar os artigos deste blog sem a permissão do autor. Leia nossos Termos de Uso.
Plágio é crime previsto no artigo 184 do Código Penal brasileiro e na Lei 9.610/98.
Encontrou erros de digitação, links quebrados ou problemas com as imagens? Então clique aqui para nos informar.
» Artigos relacionados:

» 2 Comentários

Lucas Junior - Moderador disse...
15 Outubro, 2011 02:41Link | Excluir

E quando

Link disse...
26 Fevereiro, 2012 17:34Link | Excluir

Olá, gostaria de saber como coloco aquele símbolo (▲) - só que deitado - de PLAY, toda vez que alguém passar o mouse em cima das miniaturas dos meus vídeos do blog!
Aguardo resposta. Obrigado.

Postar um comentário

TERMOS DE USO DOS COMENTÁRIOS | LEIA ANTES DE COMENTAR

Antes de comentar, leia os comentários existentes!
-------------------------------------------------------------------------------------------------------------------------------------
Contatos pessoais (não relacionados ao artigo) devem ser feitos através da página de contato.
-------------------------------------------------------------------------------------------------------------------------------------
TODOS os comentários são moderados e só ficarão disponíveis após serem aprovados.
-------------------------------------------------------------------------------------------------------------------------------------
Não será mais aceito comentários anônimos.
-------------------------------------------------------------------------------------------------------------------------------------
Comentários com links desnecessários não serão aceitos.
-------------------------------------------------------------------------------------------------------------------------------------
Ao colocar seu e-mail no comentário, você assume o risco de receber spam.
-------------------------------------------------------------------------------------------------------------------------------------
Comentários estritamente publicitários do tipo: "legal, visita meu blog", não serão aceitos!
-------------------------------------------------------------------------------------------------------------------------------------
Ao comentar você assume total responsabilidade pelos seus comentários!
-------------------------------------------------------------------------------------------------------------------------------------
Ao postar um comentário, você assume que leu e concorda com os termos citados acima!

▼ ◙ ▲