How I can get First Frame as Photo from youtube?

image, javascript, youtube

Solution

For instance, if the video link is `http://www.youtube.com/watch?v=JJrNopvzCy8`

Extract the value of `v` and use it to download the the image..

Like:

`http://img.youtube.com/vi/JJrNopvzCy8/0.jpg`

I hope this will solve your problem,

Just be careful with the ?v=`xxxxxxxx` code

Note: For different frames, you may change the Number from 0.jpg to 1.jpg or more to fetch next frames of video in-case first starting frame of video is not required!

The Image will be by Default first frame of Video Size, so specify the image size in img tag, OR if sepcific size is must then use this YouTube Dev. API

Specific section in API link Thumbnails Section

OR we can try following example:

Video: `https://www.youtube.com/watch?v=JJrNopvzCy8`

Default Thumb: `http://i.ytimg.com/vi/JJrNopvzCy8/default.jpg`

MaxRes Thumb: `http://i.ytimg.com/vi/JJrNopvzCy8/maxresdefault.jpg`

HQ Thumb: `http://i.ytimg.com/vi/JJrNopvzCy8/hqdefault.jpg`

MQ Thumb: `http://i.ytimg.com/vi/JJrNopvzCy8/mqdefault.jpg`

SD Thumb: `http://i.ytimg.com/vi/JJrNopvzCy8/sddefault.jpg`

Note: Some of the sizes will vary (OR may not be available as that follows resolutions available for the Video link)

Edit: For First Frame use this: http://img.youtube.com/vi/JJrNopvzCy8/0.jpg

Problem

Original source