24

Jun

JW player e Thumbnails do Youtube
Escrito por Gonçalo Martins   

Jw palyer thumbsnails
À 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:

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


por:

javascript
  1. 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');
  2.  

 

O resultado será algo do género:



Gostou deste Artigo?
Subscreva o feed RSS ou reguiste-se na Newsletter do WebLouca, agora!
Categoria:
Se preferir, pode ainda deixar um comentário

PATROCINADORES


cometarios
Trackback(0)
Pedro Magalhães
Junho 24, 2009
http://www.webgrafismo.com

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
http://www.diogopinto.net

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
http://www.brugraph.com

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.

Escreva o seu Comentario
 
  pequeno | maior
 

busy
 

Patrocinadores do Site

Subscrever Feed

Artigos

Ultimos artigos
Crie facilmente miniaturas das suas imagens com PHP
phpthumbAtualmente praticamente todos os websites possuem a necessidade de listar os seus artigos...
Otimize as suas imagens com PunyPng
benchmarksA pouco mais de um ano falei sobre uma ferramenta para otimizar imagens (Artigos/optimize...
Como redimensionar imagens com PHP
phpimageredRedimensionar uma imagem com php pode ser um processo complicado. Quando por exemplo um wo...
Links de Afiliados com Javascript - Update
linksafiliadosNo inicio do ano escrevi um artigo onde dáva a conhecer uma forma de criar links de afili...
W3C o que é?
w3cqueeA internet e o HTML já por cá andam há algum tempo. O que você pode não saber é que...

Nuvem de Tags