Blogger Tutorials

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 (480×360 pixels)

http://i1.ytimg.com/vi/XbGs_qK2PQA/0.jpg
  • Start Thumbnail (120×90 pixels)

http://i1.ytimg.com/vi/XbGs_qK2PQA/1.jpg
  • Middle Thumbnail (120×90 pixels)

http://i1.ytimg.com/vi/XbGs_qK2PQA/2.jpg
  • End Thumbnail (120×90 pixels)

http://i1.ytimg.com/vi/XbGs_qK2PQA/3.jpg
  • High Quality Thumbnail (480×360 pixels)

http://i1.ytimg.com/vi/XbGs_qK2PQA/hqdefault.jpg
  • Medium Quality Thumbnail (320×180 pixels)

http://i1.ytimg.com/vi/XbGs_qK2PQA/mqdefault.jpg
  • Normal Quality Thumbnail (120×90 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 (640×480 pixels)

 http://i1.ytimg.com/vi/XbGs_qK2PQA/sddefault.jpg
  • Maximum Resolution Thumbnail (1920×1080 pixels)

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

Article written by:

Satyendra is a Biotechnologist from the city of Nawabs, Lucknow. Apart from blogging, his other interests are Indian rap knowledge, affiliate marketing, poetry, and basically anything nerdy.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

back to top