Skip to content

Instantly share code, notes, and snippets.

@fmtarif
Last active December 24, 2015 09:39
Show Gist options
  • Save fmtarif/6779168 to your computer and use it in GitHub Desktop.
Save fmtarif/6779168 to your computer and use it in GitHub Desktop.
youtube embed codes playlist - with couple of parameters to auto start, light theme, etc thumb images
<iframe width="640" height="390"
src="//www.youtube.com/embed/NT2vjByVhyw?list=PL4D692517BFF6D817&theme=light&autoplay=1&rel=0&modestbranding=1"
frameborder="0" >
</iframe>
Each YouTube video has 4 generated images. They are predictably formatted as follows:
http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg
The first one in the list is a full size image and others are thumbnail images. The default thumbnail image (ie. one of 1.jpg, 2.jpg, 3.jpg) is:
http://img.youtube.com/vi/<insert-youtube-video-id-here>/default.jpg
For the high quality version of the thumbnail use a url similar to this:
http://img.youtube.com/vi/<insert-youtube-video-id-here>/hqdefault.jpg
There is also a medium quality version of the thumbnail, using a url similar to the HQ:
http://img.youtube.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg
For the standard definition version of the thumbnail, use a url similar to this:
http://img.youtube.com/vi/<insert-youtube-video-id-here>/sddefault.jpg
For the maximum resolution version of the thumbnail use a url similar to this:
http://img.youtube.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment