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>
<script type="text/javascript">
function saveImageAsJpg(name, adress) {
var background = new Image();
background.src = "http://i.imgur.com/yf6d9SX.jpg";
// alert(name);
var c = document.getElementById("myCanvas");
alert(c);
var ctx = c.getContext("2d");
alert(ctx);
background.onload = function () {
ctx.drawImage(background, 0, 0);
}
var a = document.createElement('a');
// var img = document.getElementById("a7"); onclick="saveImageAsJpg('test',
'http://img.youtube.com/vi/ZGycniztgi4/mqdefault.jpg')"
// alert(img);
// ctx.drawImage(img, 10, 10);
a.href = document.getElementById("myCanvas").toDataURL();
a.download = "wrwrwer";
// alert(c.toDataURL());
// alert(adress);
var a = document.createElement('a');
a.href = "http://img.youtube.com/vi/ZGycniztgi4/mqdefault.jpg";
a.download = "mqdefault.png";
// a.setAttribute('href', 'data:image/jpg;charset=utf-8,' +
("http://img.youtube.com/vi/ZGycniztgi4/mqdefault.jpg"))
// a.setAttribute('download', filename);
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
}
function GETIMAGES() {
url = document.getElementById('yt').value;
Comments
Post a Comment