How To Automatically Fetch Image Of Youtube Video And Show Up In Website Or Blog? - [Solved]


If you are working on a entertainment blog or any blog related to publishing of youtube videos then it is a problem to give pictures of the videos. Sometimes you may need to capture it but using this code your work is going to be so easy.


All you need to do is to change the video id(red in color) the below code:

<div align="center">
<div class="picture" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/null" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://img.youtube.com/vi/kasdjlkdkasd/mqdefault.jpg" /></a></div>
</div>
I am changing the id with Eminem's Rap God Video www.youtube.com/watch?v=XbGs_qK2PQA



To Change The Size Of Thumbnail Change the Code as shown below:


  • Player Background Thumbnail (480x360 pixels)

http://i1.ytimg.com/vi/XbGs_qK2PQA/0.jpg

  • Start Thumbnail (120x90 pixels)

http://i1.ytimg.com/vi/XbGs_qK2PQA/1.jpg

  • Middle Thumbnail (120x90 pixels)

http://i1.ytimg.com/vi/XbGs_qK2PQA/2.jpg

  • End Thumbnail (120x90 pixels)

http://i1.ytimg.com/vi/XbGs_qK2PQA/3.jpg

  • High Quality Thumbnail (480x360 pixels)

http://i1.ytimg.com/vi/XbGs_qK2PQA/hqdefault.jpg

  • Medium Quality Thumbnail (320x180 pixels)

http://i1.ytimg.com/vi/XbGs_qK2PQA/mqdefault.jpg

  • Normal Quality Thumbnail (120x90 pixels)

http://i1.ytimg.com/vi/XbGs_qK2PQA/default.jpg

And additionally, the next two thumbnails may or may not exist. For HQ videos they exist.


  • Standard Definition Thumbnail (640x480 pixels)

 http://i1.ytimg.com/vi/XbGs_qK2PQA/sddefault.jpg

  • Maximum Resolution Thumbnail (1920x1080 pixels)

http://i1.ytimg.com/vi/XbGs_qK2PQA/maxresdefault.jpg

Post a Comment

0 Comments