CODEWITHSUNDEEP
javascriptvimeovideo-thumbnails
user1710345
user1710345

Reputation: 17

How to get a video thumbnail without any loss in quality on an embedded Vimeo video?

I'm working on my company's website and we're embedding videos on some pages. We use Vimeo's custom thumbnail's feature but final rendition is ugly.

Does anyone know how to set a thumbnail on Vimeo vids without losing the original picture's quality ? I've heard of a javascript trick for example ?

Link on my website: http://radianceconseil.com/creation-sites-web-haute-savoie/

And here is the original picture : http://www.radianceconseil.com/images/sites-vitrine-accueil-Vimeo.jpghttp://www.radianceconseil.com/images/sites-vitrine-accueil-Vimeo.jpg

As you can see, there's a huge loss of quality!

Upvotes: 0

Views: 3931

Answers (1)

Jason Sperske
Jason Sperske

Reputation: 30446

Well the thumbnail is beyond your control (Vimeo is generating the image and they have chosen a low quality (it looks like high level JPEG compression), Vimeo says that they will serve a higher resolution thumbnails based on the embed size. However you can replace it with a locally hosted image called a "poster" if you use the HTML5 video tag or you can add the image and use some JavaScript to replace it with the iframe on click.

Upvotes: 1

Related Questions