Enter URL
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