[Youtube] - Como capturar e mostrar thumbnails dos vídeos do Youtube no Blogger

Quantas vezes você já teve a necessidade de colocar uma imagem ilustrativa de um vídeo do Youtube no seu blog? E para resolver esse problema você, provavelmente, recorreu ao velho recurso do Print Screen, não é? Pausa o vídeo em alguma parte importante, tira um print da tela, abre no Paint e depois recorta só a imagem do vídeo — um tanto trabalhoso certo? Pois, essa prática chegou ao fim! No artigo de hoje eu mostrarei como capturar thumbnails (miniaturas) dos vídeos do Youtube automaticamente.

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 ilustra a imagem abaixo.


Essas 3 miniaturas que aparecem ao lado do vídeo (também chamadas de: thumbnails), são capturadas durante o upload do mesmo, e servem de "capa" para o vídeo quando o usuário ainda não clicou no botão de Play. Vamos entender melhor, repare o vídeo abaixo, mas não clique no botão de Play.



Se você não clicou no botão de Play, você deve estar vendo a imagem de alguns bonecos, e uma boneca de vestido rosa ao fundo. Essa imagem é a famosa thumbnail — imagem que ilustra algo, nesse caso o conteúdo do vídeo. Como eu já falei acima, você pode mudar a thumbnail de seus vídeos acessando sua conta do Youtube, e clicando na opção de editar vídeo, assim você verá 3 opções de thumbnail para escolher. Se você não escolher nenhuma thumbnail, a imagem que aparecerá selecionada por padrão será a do meio.

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=Bg2sXojFfg8

As letras e números que aparecem aleatoriamente no final do link (destacadas em vermelho), formam o ID do vídeo. Pode acontecer também de, em alguns casos, o link aparecer dessa outro maneira:

http://www.youtube.com/watch?v=Bg2sXojFfg8&feature=fvwrel

...nesses casos, é 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 faz uso de seus ID's, o que permite que também façamos uso desse detalhe, como você pode ver abaixo.

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

O link para gerar essas imagens em miniatura é sempre o mesmo (assim como o dos vídeos), e a única coisa que muda no link das miniaturas também é o ID, que no caso você deverá informar o ID do vídeo que você deseja capturar a miniatura. 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. Você pode alterar também a parte que foi destacada em azul. Essa parte é responsável por indicar qual das 3 miniaturas você irá capturar, portanto, você pode alterá-la para: 1, 2 ou 3. As miniaturas geradas possuem, por padrão, o tamanho de 120x90 pixels.

Caso você queira utilizar miniaturas com tamanhos diferentes, basta você adicionar as propriedades de largura (width) e altura (height) dentro do código da imagem, como destacado em rosa no código abaixo:

<img src="http://img.youtube.com/vi/Bg2sXojFfg8/1.jpg" width="480" height="360" alt=""/>

...mas utilizando essa técnica, a imagem pode sofrer uma distorção, devido ao esticamento. Uma maneira mais eficiente para capturar uma imagem maior do vídeo, seria utilizar o código abaixo:

http://img.youtube.com/vi/ID-DO-VÍDEO/hqdefault.jpg

...porém, utilizando este código, você não poderá escolher qual miniatura irá capturar. A miniatura capturada será sempre a que o dono do vídeo definir como miniatura padrão. Veja como ficará o tamanho da imagem no exemplo abaixo.

Miniatura em HQ (High Quality)
480 x 360 pixels
Miniatura do Youtube High Quality

Viu como é simples obter as imagens dos vídeos do Youtube? Espero que essa dica ajude a diminuir a quantidade de print screens que você tira dos vídeos. Se você gostou da dica, achou ela útil ou ficou com dúvidas, sinta-se a vontade para participar postando um comentário.
É terminantemente proibida a cópia de nossos artigos sem nossa expressa autorização!
Plágio é crime previsto no artigo 184 do Código Penal brasileiro e na Lei 9.610/98.
As informações contidas neste artigo estão desatualizadas? Notifique-me! Editar artigo
Igor Sousa é dono e criador do blog Hdblog (antigo Bloggando Na Web). Tem 24 anos, é paulistano e atualmente cursa o 8° Semestre em Ciências Contábeis. Blogar era apenas um modo de melhorar sua redação de texto, mas unida a sua vontade de ajudar as pessoas passou a ser um hobby.

Foi postado 1 comentário neste artigo!

  1. NOssa, há tempos q eu procurava por isso e achei por acaso.. vlw mesmo!
    E se souber fazer o blogger reconhecer automaticamente que há um vídeo, e puxar a thumbnail dele sozinho seria melhor ainda.

    ResponderExcluir