JW player e Thumbnails do Youtube

24 Junho 2009 Escrito por Gonçalo Martins

À uns meses atrás criei um artigo que cobria uma forma de adicionar vídeos do youtube ao seu website, de forma personalizada com o JW Player. No entanto nesse artigo o player não mostra uma imagem de pré-visualização do vídeo antes deste começar a reproduzir.

A forma correta de ir buscar as imagens dos vídeos ao Youtube é através da API que o site disponibiliza, no entanto existe um padrão nos URL's retornados por esta API.

Inserir o ID do vídeo no URL (http://img.youtube.com/vi/ID_VIDEO/0.jpg) resulta numa imagem com 320 x 240 pixels.
^{Nota: pode utilizar as variações 1.jpg, 2.jpg e 3.jpg. Estas retornam imagens do vídeo com o tamanho de 130 x 97 pixels.}

Como implementar no JW Player?

No código que lhe forneci no artigo JW Player e Youtube substituir a linha:

s1.addParam("flashvars",'&file=http://www.youtubemp4.com/video/8PNx00lRd1Y.mp4&skin=/player/stylish_slim.swf');

por:

s1.addParam("flashvars",'&image=http://img.youtube.com/vi/8PNx00lRd1Y/0.jpg&file=http://www.youtubemp4.com/video/8PNx00lRd1Y.mp4&skin=/player/stylish_slim.swf');

O resultado será algo do género:

Artigos Relacionados

Trackback(0)

TrackBack URI for this entry



Pedro Magalhães Junho 24, 2009	Excelente dica! Em breve vou experimentar :) Abraço


lkj Julho 02, 2009	Como inserir vídeos do Sapo Vídeos?


Diogo Pinto Julho 07, 2009	Ora boas noites! Descobri esse truque por mim, e utilizei e adaptei no meu script em: www.videosloucos.net. Basicamente alterei o Vipers Video Quicktags. Queria agradecer estas dicas, que são excelentes, apesar de já conhecer esta, foi a partir deste website que me familiarizei com o JW player... Obrigado, Um abraço ;)


Bruno Rios Fevereiro 27, 2010	Cara, Valeu mesmo por essa dica... Estava tentando fazer um monte de coisa para capturar esse thumb, quando na verdade é um caminho bem simples. Um abrção, Bruno Rios.


patricia Março 11, 2011	Olha,eu nao sei quase nada de fazer pagina.olhei,olhei,tentei e nada. será que pode ser mais claro? pq so copiar e coloar dentro da pagina nao acontece nada vc tem que dar exemplo.pois acho que pegou de outro local e tambmem nao sabe. mas se souber agradeço se pudece me falar com maior clareza como adicionar player de video em pagina


Luiz Março 22, 2011	estou reformulando o site para esta empresa, conforme a necessidade terei que adicionar o player com jw, fiz todo o processo e inseri o video, e até usei outros recursos do flahs para criar um menu dinamico no meu filme com links para o proximo video ( "player.swf"). consigo postar o video na pagia html normalmente com excelente qualidade, porem o skin (digo os botões: play, pause, stop, timeline, audio, fullscreen, não aparecem no video, ainda que eu criei as funçoes instanciadas no flahs ou automaticamente com os proprios recursos da versão 8.0, efin não sei mais o que eu faço, pois o video roda porem, automaticamente e sem as funçoes basicas do player jw. o que faço?? Este endereço de e-mail está protegido de spam bots, pelo que necessita do Javascript activado para o visualizar

Escreva o seu Comentario

JW player e Thumbnails do Youtube

Como implementar no JW Player?

Artigos Relacionados

Nuvem de Tags