<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Get YouTube Video Thumbnail Image
<link href="https://fonts.googleapis.com/css?family=Muli:400,700,400italic,700italic|Ovo" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="http://www.get-youtube-thumbnail.com/style.css" media="all" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<h1>Get YouTube Video Thumbnail Image</h1>
<p>To get the video thumbnail of any YouTube Video<br />
enter the regular URL of the video into the textbox below.</p>
<p>Your URL should look like this:<br />
<em>http://www.youtube.com/watch?v=erLk59H86ww</em></p>
<p>
<input type="text" class="text" id="youtubeLink" size="60" />
</p>
<p>
<button id="get" class="button">
Get YouTube Thumbnail
</button>
</p>
<div id="msg"></div>
<script>
$("#get").click(function () {
var ytl = $( "#youtubeLink" ).val();
var yti = ytl.match(/(?:https?:\/{2})?(?:w{3}\.)?youtu(?:be)?\.(?:com|be)(?:\/watch\?v=|\/)([^\s&]+)/);
$( "#msg" ).html( "<h1>YouTube Thumbnail</h1><p><img src=\"http://i3.ytimg.com/vi/" + yti[1] + "/maxresdefault.jpg\" class=\"image\" /></p><p><img src=\"http://i3.ytimg.com/vi/" + yti[1] + "/hqdefault.jpg\" class=\"image\" /></p><h2>Image URL:</h2><br /><input name=\"imageURL\" id=\"copyimageURL\" class=\"text\" size=\"70\" type=\"text\" value=\"http://i3.ytimg.com/vi/"+ yti[1] + "/maxresdefault.jpg\" onclick=\"this.select()\" readonly /><br /><input name=\"imageURL\" id=\"copyimageURL\" class=\"text\" size=\"70\" type=\"text\" value=\"http://i3.ytimg.com/vi/"+ yti[1] + "/hqdefault.jpg\" onclick=\"this.select()\" readonly /><p>Right/Ctrl Click the image to download. Highlight the URL above and copy to your clipboard.</p>" );
});
$("#copyimageURL").click(function () {
$(this).select();
});
</script>
</!doctype>
true
#000000
true
true
#008000
false
true
#0000ff
TextAndImage
#ffffff
false
1x1
true
true
true
4
false
#ffffff
true
false
</div></div>
<div class="date-outer">
<div class="date-posts">
</div></div>
