Skip to content

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[video-id]/0.jpg[video-id]/1.jpg[video-id]/2.jpg[video-id]/3.jpg

Default thumbnail (the one seen on Youtube itself)[video-id]/default.jpg

High Quality default image[video-id]/hqdefault.jpg

Medium Quality default image[video-id]/mqdefault.jpg

Standard definition thumbnail[video-id]/sddefault.jpg

The largest size thumbnail available[video-id]/maxresdefault.jpg

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


Tips, Web Design

Ben View All

Ben is a lifelong Nintendo fan who also likes to build websites, and develop games. He also buys way too much Lego.

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 *