Posted on

Thumbnails of YouTube videos in your website

post-youttube-06

Some options to add thumbnails of YouTube videos to your site are shown over here.

This is the example video we are using to show various options, the in this case is Hzgzim5m7oU and needs to be replaced by the video you want to use.

https://www.youtube.com/watch?v=Hzgzim5m7oU

Player Background Thumbnail (480×360 pixels)
<img src="https://img.youtube.com/vi/Hzgzim5m7oU/0.jpg">

Start Thumbnail (120×90 pixels)
<img src="https://img.youtube.com/vi/Hzgzim5m7oU/1.jpg">

Middle Thumbnail (120×90 pixels)
<img src="https://img.youtube.com/vi/Hzgzim5m7oU/2.jpg">

End Thumbnail (120×90 pixels)
<img src="https://img.youtube.com/vi/Hzgzim5m7oU/3.jpg">

High Quality Thumbnail (480×360 pixels)
<img src="https://img.youtube.com/vi/Hzgzim5m7oU/hqdefault.jpg">

Medium Quality Thumbnail (320×180 pixels)
<img src="https://img.youtube.com/vi/Hzgzim5m7oU/mqdefault.jpg">

Normal Quality Thumbnail (120×90 pixels)
<img src="https://img.youtube.com/vi/Hzgzim5m7oU/default.jpg">

For some videos (especially HQ videos) there are two additional thumbnails (not existing for this one):

Standard Definition Thumbnail (640×480 pixels)
<img src="https://img.youtube.com/vi/Hzgzim5m7oU/sddefault.jpg">

Maximum Resolution Thumbnail (1920×1080 pixels)
<img src="https://img.youtube.com/vi/Hzgzim5m7oU/maxresdefault.jpg">