-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
130 lines (99 loc) · 4.54 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta name="generator" content="Hugo 0.51" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Download youtube thumbnail Images and vimeo videos of all quality. This app lets you to download HD thumbnail images for free. Just enter the URL of the video for which thumbnail needs to be saved.">
<title>
Youtube thumbnail Image View and Download
</title>
<link rel='stylesheet'
href='https://d33wubrfki0l68.cloudfront.net/css/2e77fea9792ad39edcbc04d964fdae2926beb279/css/style.css' />
<link rel="canonical" href="https://youtube-thumbnail-grabber.com/">
<link rel="icon" type="image/png" sizes="32x32" href="https://youtube-thumbnail-grabber.com/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://youtube-thumbnail-grabber.com/images/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://youtube-thumbnail-grabber.com/images/apple-touch-icon.png">
<link href="https://youtube-thumbnail-grabber.com/index.xml" rel="alternate" type="application/rss+xml"
title="Download Youtube Thumbnail" />
</head>
<body>
<h1 style=" text-align: center;">YouTube and Vimeo Thumbnail Downloader by CodeXD - India</h1>
<main style="height: auto !important;">
<div class="bodyContainer" style="height: auto !important;">
<header style="margin-top: -30px;">
<p
style="text-align: center;margin:0 auto;max-width: 500px;padding-top: 30px;padding-bottom: 30px;font-size: 16px;margin-top:50px;">
Download youtube and vimeo thumbnail images of all quality for free. This application let you download
thumbnails of all quality. Just paste the URL of the thumbnail video in the below input and click Get
Thumbnail Image
</p>
</header>
<div class="container">
<form class="downloadForm" onsubmit="event.preventDefault();initDownloadLinks();">
<input aria-label="input URL " class="form-control col-lg-6" id="inputURL"
placeholder="Enter the youtube URL here" type="url" name="url">
<button class="btn btn-default" id="submitButton" type="button">Get Thumbnail Images</button>
</form>
<div style="width:100%;">
</div>
<div id="imgListing" class="imgListing" style="width:100%;left:0px">
<div id="topListing" style="display: none">
<h5 class="right-click-info">Right Click and click on 'Save Image As..' to save the images.</h5>
<h5 id="hdrestext">HD Thumbnail Image (1280x720)</h5>
<a id="hdreslink" class="download-btn">Download HD Thumbnail Image</a>
<img id="maxres" src="" loading="eager">
<h5 id="sdrestext">SD Thumbnail Image (640x480)</h5>
<a id="sdreslink" class="download-btn">Download SD Thumbnail Image</a>
<img id="sdres" src="" loading="auto">
</div>
<div id="bottomListing" style="display: none">
<h5 id="normalrestext">Normal Thumbnail Image (480x360)</h5>
<a id="hqreslink" class="download-btn">Download Normal Thumbnail Image(480x360)</a>
<img id="hqres" src="" loading="lazy">
<div id="extraYTImg">
<h5>Normal Image (320x180)</h5>
<a id="mqreslink" class="download-btn">Download Normal Thumbnail Image(320x180)</a>
<img id="mqres" src="" loading="lazy">
<h5>Normal Image (120x90)</h5>
<a id="defreslink" class="download-btn">Download Normal Thumbnail Image(120x90)</a>
<img id="defres" src="" loading="lazy">
</div>
</div>
</div>
</div>
</div>
<div class="footer">
CodeXD - India ->
<a href="https://codexdindia.blogspot.com/">View More</a>
</div>
<script type="text/javascript"
src="https://d33wubrfki0l68.cloudfront.net/js/071f804a71f7710ed35f01e0803b98d2c92557ab/ytg.js"></script>
<script>
initFunction();
if (window.matchMedia('(max-width: 750px)').matches) {
var width = window.innerWidth - 50;
width = width > 200 ? width : 200;
document.getElementsByTagName("ins")[0].style.width = width;
}
</script>
<style>
.download-btn {
cursor: pointer;
}
input , button {
padding: 4px;
margin: 5px;
}
.footer {
text-align: center;
}
</style>
</main>
<footer>
<span>
</span>
</footer>
</body>
</html>