aspdotnet-suresh offers articles and tutorials,csharp dot net, articles and tutorials,VB.NET Articles,Gridview articles,code examples of 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

Generate/Create Thumbnails From YouTube Video in JQuery Using

Sep 16, 2012

In this article I will explain how to create or generate thumbnails from YouTube videos in JQuery using


In previous article I explained Generate thumbnail from images in and many articles relating to JQuery,, SQL Server etc. Now I will explain how to generate or create thumbnails from YouTube videos using JQuery in

To generate thumbnails from YouTube videos we can use YouTube API URL that would be like this
To test above URL replace YouTubeVideoId with some YouTube video id like “TzzGPfVx32M” and run the URL it will show thumbnail image of video. If you observe thumbnail it was somewhat bigger because we mentioned “0.jpg” this means bigger thumbnail if you want generate thumbnail in other smaller sizes we can specify 1, 2 or 3.jpg 

For our demo purpose here I am using Ice Age 4Continental Drift - Trailer and binding different size of thumbnails using JQuery check below code

<html xmlns="">
<head runat="server">
<title>JQuery Create Thumbnails For YouTube Videos</title>
<script type="text/javascript" src="">
<script type="text/javascript">
$(document).ready(function() {
$('#imgThumb0').attr('src', '');
$('#imgThumb1').attr('src', '');
<form id="form1" runat="server">
<img id="imgThumb0" alt="Thumbnail0" />
<img id="imgThumb1" alt="Thumbnail1" />

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest,, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

subscribe by rss Subscribe by RSS subscribe by email Subscribe by Email


Anonymous said...

hi suresh, can you post any article for capturing thumbnails from a video file present in our folder of the project...

shameer ali

Unknown said...

thanks for all link
all link are supported me in my project so,

Anonymous said...

i am suresh kumar from tamilnadu... can you tell me how to add a video in my website???
please help to me..


1004 said...
This comment has been removed by the author.
Anonymous said...

So how to get the time of that image?

herm├Ęs said...

How to type words on the image? What kind of software can I use?

honey said...

Sir can u please help me in making youtube like site. Can u please tell me which is the best way to store and display youtube videos in c#.

Anonymous said...

but please how do i use this example to create a thumbnail for videos i uploaded on my system not youtube?.

veerendra said...

suresh kumar we have video tag in html

Unknown said...

best site for .net

Give your Valuable Comments

Note: Only a member of this blog may post a comment.

© 2015 All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.