Using Youtube Thumbnails on your Websites

I seem to find myself working with Youtubes thumbnail images quite a lot (for instance on Miniclips videos section) – and I am always having to go searching for the parameters to use to generate those thumbnail images.

So I made a little app to view them as you can see below:

For reference the urls are as follows:

4 Frames from Key Points in the animation

http://img.youtube.com/vi/[video-id]/0.jpg
http://img.youtube.com/vi/[video-id]/1.jpg
http://img.youtube.com/vi/[video-id]/2.jpg
http://img.youtube.com/vi/[video-id]/3.jpg

Default thumbnail (the one seen on Youtube itself)

http://img.youtube.com/vi/[video-id]/default.jpg

High Quality default image

http://img.youtube.com/vi/[video-id]/hqdefault.jpg

Medium Quality default image

http://img.youtube.com/vi/[video-id]/mqdefault.jpg

Standard definition thumbnail

http://img.youtube.com/vi/[video-id]/sddefault.jpg

The largest size thumbnail available

http://img.youtube.com/vi/[video-id]/maxresdefault.jpg

Oh – and Game of Thrones series 4 is starting soon!

Posted in: Tips, Web Design

4 thoughts on “Using Youtube Thumbnails on your Websites Leave a comment

  1. The app or rather i would say the snippet that you shared for using the YouTube thumbnails is great. In fact it is going to be brilliant for me in getting the thumbnails drive a better traffic from YouTube than what i get now. Thanks a ton for this thumbnail generating script.

  2. This is awesome, thank you for this great tool.

    Do you know if something like this is possible with Vimeo?

Leave a Reply

Your email address will not be published. Required fields are marked *