Youtube Thumbnail Downloader
Enter Your YouTube URL Below
<html>
<head>
<title>YouTube Thumbnail
Downloader</title>
<meta content=""
name="Description"></meta>
<meta content=""
name="Keywords"></meta>
<meta content="width=device-width,
initial-scale=1.0" name="viewport"></meta>
<link href="" rel="icon"
sizes="16x16" type="image/gif"></link>
<link
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
rel="stylesheet"></link>
</head>
<body>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<div
dir="ltr" style="text-align: center;"
trbidi="on">
<p><span style="color: #ff0000;
font-family: arial; font-size: xx-large; font-weight:
bold;">Enter Your YouTube URL
Below</span></p></div>
<input
class="searchbar" id="yt"
placeholder="https://youtu.be/yTDbaXkuvb0;"
style="width: 100%;"
type="text" value="" /><div
class="input-group"><span
style="font-size: x-
small;"> </span></div><div
class="input-
group"><span
class="input-group-btn">
<button class="btn btn-primary"
id="videoButton" onclick="GETIMAGES();"
type="button">Get YouTube HD
Thumbnails</button>
</span>
</div>
<div
id="Showdata" style="display: none;">
Video Thumbnail : Four
Small Thumbnails (120x90) <br />
<img alt="Small
Thumbnail" id="bdea" src="" title="Small
Thumbnail" />
<img alt="Small
Thumbnail" id="b2" src="" title="Small
Thumbnail" />
<img alt="Small
Thumbnail" id="b3" src="" title="Small
Thumbnail" />
<img alt="Small
Thumbnail" id="b4" src="" title="Small
Thumbnail" /><br />
<p>[ <a
download="default.jpg" href="#"
id="a1">Download</a> ] / [ Right
click Save Image as ] / [ Copy the url ]
<input
class="form-control input-sm" id="s1"
onclick="this.select()"
readonly="readonly" type="text"
/>
</p>
<hr />
Video Thumbnail : Medium
Quality (320x180) <br />
<img alt="Medium
Quality" id="b6" src="" title="Medium
Quality" /><br />
<p>[ <a
download="mqdefault.jpg" href="#"
id="a6">Download</a> ]
/ [ Right
click Save Image as ] / [ Copy the url ]
<input
class="form-control input-sm" id="s6"
onclick="this.select()"
readonly="readonly"
type="text" /></p>
<hr />
Video Thumbnail : High
Quality (480x360) <br />
<img alt="High
Quality" id="b5" src="" title="High Quality"
/><br />
<p>[ <a
download="hqdefault.jpg" href="#"
id="a5">Download</a> ] / [ Right
click Save Image as ] / [ Copy the url ]
<input
class="form-control input-sm" id="s5"
onclick="this.select()"
readonly="readonly"
type="text" /></p>
<hr />
Video Thumbnail :
High Resolution / Definition (1280x720) <br />
<img alt="High
Resolution" id="b7" src="" title="High
Resolution" />
<p>[ <a
download="maxresdefault.jpg" href="#"
id="a7">Download</a> ] / [
Right click Save Image as ] / [ Copy the url ]
<input
class="form-control input-sm" id="s7"
onclick="this.select()"
readonly="readonly"
type="text" /></p>
</div>
<div
id="iHelp">
<br />
<h2
class="text-primary head" style="font-weight:
bold;"> How to use YouTube
Thumbnail Image Downloader</h2>
<p
style="font-weight: bold;">Step 1 : Go to www.YouTube.com, Search
a
video.</p>
<p
style="font-weight: bold;">Step 2 : Copy the URL of the video
(Example:
https://www.youtube.com/watch?v=3nmnMtbzzjE
).</p>
<p
style="font-weight: bold;">Step 3 : Paste that URL in the box
given above and
then click the "Get YouTube
Thumbnail" button.</p>
<p
style="font-weight: bold;">Step 4 : Choose your Thumbnail size and
Download it.</p>
</div>
</body></html>
Comments
Post a Comment