<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: navy; font-family: Roboto, sans-serif; font-size: small; font-weight: bold;">Enter YouTube video URL below!</span></p></div>
<input class="searchbar" id="yt" placeholder="https://youtu.be/yTDbaXkuvb0;" style="width: 80%;" 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 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>
<style>
input[type=text] {
width: 100%;
padding: 8px 8px;
margin: 10px 0;
box-sizing: border-box;
border: 4px ridge hotpink;
border-radius: 10px;
}
button {
padding : 10px;
font-weight : bold;
font-size : 18px;
border : 4px ridge blue;
border-radius: 10px;
background : snow;
cursor : pointer;
width:290px;
color:black;
}
button:hover,
button:focus {
outline : red;
background : lawngreen;
color : #000;
}
</style>
<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;
if (url.trim() == '') {
alert('Please enter youtube video url');
return false;
}
var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/;
var match = url.match(regExp);
if (match && match[7].length == 11) {
document.getElementById('Showdata').style.display = "block";
bdea.src = 'http://img.youtube.com/vi/' + match[7] + '/default.jpg';
b2.src = 'http://img.youtube.com/vi/' + match[7] + '/1.jpg';
b3.src = 'http://img.youtube.com/vi/' + match[7] + '/2.jpg';
b4.src = 'http://img.youtube.com/vi/' + match[7] + '/3.jpg';
b5.src = 'http://img.youtube.com/vi/' + match[7] + '/hqdefault.jpg';
b6.src = 'http://img.youtube.com/vi/' + match[7] + '/mqdefault.jpg';
b7.src = 'http://img.youtube.com/vi/' + match[7] + '/maxresdefault.jpg';
a5.href = 'http://img.youtube.com/vi/' + match[7] + '/hqdefault.jpg';
a6.href = 'http://img.youtube.com/vi/' + match[7] + '/mqdefault.jpg';
a7.href = 'http://img.youtube.com/vi/' + match[7] + '/maxresdefault.jpg';
a1.href = 'http://img.youtube.com/vi/' + match[7] + '/default.jpg';
document.getElementById("s1").value = document.getElementById('a1').href;
document.getElementById("s6").value = document.getElementById('a6').href;
document.getElementById("s5").value = document.getElementById('a5').href;
document.getElementById("s7").value = document.getElementById('a7').href;
}
else {
document.getElementById('Showdata').style.display = "none";
alert('No YouTube video image found this url, Please try again...');
return false;
}
}
</script>
Advertise Here]]>
<h1>Content Here</h1>
<br/>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis autem possimus inventore. Maxime molestias dolorum at nihil doloribus quas nostrum qui nemo esse excepturi ullam deserunt asperiores iusto, similique blanditiis sit assumenda cum fugiat totam saepe officiis dolores, odio id dolor. Laborum inventore enim nemo voluptatem dolor temporibus quas distinctio vero iure culpa deserunt, voluptatum praesentium incidunt quaerat ratione illum, omnis earum provident ullam?
dignissimos porro id libero, eius error officia suscipit excepturi soluta voluptate vel adipisci odit necessitatibus maxime voluptatem enim quidem! Rem ratione sunt perspiciatis aperiam? Ea, eveniet facilis quod ipsum adipisci quasi repellendus vitae, dolore consequatur in nemo aperiam asperiores officiis laborum velit delectus dolorem ducimus.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis autem possimus inventore. Maxime molestias dolorum at nihil doloribus quas nostrum qui nemo esse excepturi ullam deserunt asperiores iusto, similique blanditiis sit assumenda cum fugiat totam saepe officiis dolores, odio id dolor. Laborum inventore enim nemo voluptatem dolor temporibus quas distinctio vero iure culpa deserunt, voluptatum praesentium incidunt quaerat ratione illum, omnis earum provident ullam?
voluptate ab nostrum impedit iure temporibus. Ad, fuga voluptatem? Totam et debitis tempore repellat exercitationem, dolores similique deserunt eligendi autem saepe. Obcaecati quas animi perspiciatis sit nam delectus quae temporibus assumenda sunt tempora numquam accusantium id accusamus totam quasi eveniet eos natus, veritatis at libero blanditiis beatae voluptates illo? Deserunt beatae praesentium.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis autem possimus inventore. Maxime molestias dolorum at nihil doloribus quas nostrum qui nemo esse excepturi ullam deserunt asperiores iusto, similique quasi repellendus vitae, dolore consequatur in nemo aperiam asperiores officiis laborum velit delectus dolorem ducimus.
<br/>
Advertise Here]]>
<h1>More Content Here</h1>
<br/>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis autem possimus inventore. Maxime molestias dolorum at nihil doloribus quas nostrum qui nemo esse excepturi ullam deserunt asperiores iusto, similique blanditiis sit assumenda cum fugiat totam saepe officiis dolores, odio id dolor. Laborum inventore enim nemo voluptatem dolor temporibus quas distinctio vero iure culpa deserunt, voluptatum praesentium incidunt quaerat ratione illum, omnis earum provident ullam?
dignissimos porro id libero, eius error officia suscipit excepturi soluta voluptate vel adipisci odit necessitatibus maxime voluptatem enim quidem! Rem ratione sunt perspiciatis aperiam? Ea, eveniet facilis quod ipsum adipisci quasi repellendus vitae, dolore consequatur in nemo aperiam asperiores officiis laborum velit delectus dolorem ducimus.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis autem possimus inventore. Maxime molestias dolorum at nihil doloribus quas nostrum qui nemo esse excepturi ullam deserunt asperiores iusto, similique blanditiis sit assumenda cum fugiat totam saepe officiis dolores, odio id dolor. Laborum inventore enim nemo voluptatem dolor temporibus quas distinctio vero iure culpa deserunt, voluptatum praesentium incidunt quaerat ratione illum, omnis earum provident ullam?
voluptate ab nostrum impedit iure temporibus. Ad, fuga voluptatem? Totam et debitis tempore repellat exercitationem, dolores similique deserunt eligendi autem saepe. Obcaecati quas animi perspiciatis sit nam delectus quae temporibus assumenda sunt tempora numquam accusantium id accusamus totam quasi eveniet eos natus, veritatis at libero blanditiis beatae voluptates illo? Deserunt beatae praesentium.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis autem possimus inventore. Maxime molestias dolorum at nihil doloribus quas nostrum qui nemo esse excepturi ullam deserunt asperiores iusto, similique quasi repellendus vitae, dolore consequatur in nemo aperiam asperiores officiis laborum velit delectus dolorem ducimus.<br/><br/>
Overridden, and migrated to postFooter. Called as postFooterJumpLink.We don't display labels on the home page.
"image": {
"@type": "ImageObject",
"url": "",
"height": 630,
"width": 1200
"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200",
"height": 348,
"width": 1200
},
"publisher": {
"@type": "Organization",
"name": "Blogger",
"logo": {
"@type": "ImageObject",
"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60",
"width": 206,
"height": 60
}
},
We call super.postShareButtons from the migrated positions.
:
]]>
https://blogger.googleusercontent.com/img/a/AVvXsEirN6PT_pzmRPdNEw7uVcAKBxJQNDpQM2o33fH7tde_hFQudsP7LPIKPB_0KjihXSNkUXI2GlLdcSTpU4elhGugrT0u_G6Qo8s5v3KDkPagE1PYfJaqT6QAk296jwVYf3bS39MRXkActq7h0YVo_P1MILP-7TN1_Rk6fnrvplXAcFYgnZ-EhIOtsI9o=s10595961059true1059https://www.codeoreo.com/shopLorem ipsum, dolor sit amet consectetur adipisicing elit. Quis autem possimus inventore. Maxime molestias dolorum at nihil doloribus quas nostrum qui nemo esse excepturi ullam deserunt asperiores iusto, similique blanditiis sit assumenda cum fugiat totam saepe officiis dolores, odio id dolor. Laborum inventore enim nemo voluptatem dolor temporibus quas distinctio vero iure culpa deserunt, voluptatum praesentium incidunt quaerat ratione illum, omnis earum provident ullam? dignissimos porro id libero, eius error officia suscipit excepturi soluta voluptate vel adipisci odit necessitatibus maxime voluptatem enim quidem! Rem ratione sunt perspiciatis aperiam? Ea, eveniet facilis quod ipsum adipisci quasi repellendus vitae, dolore consequatur in nemo aperiam asperiores officiis laborum velit delectus dolorem ducimus. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis autem possimus inventore. Maxime molestias dolorum at nihil doloribus quas nostrum qui nemo esse excepturi ullam deserunt asperiores iusto, similique blanditiis sit assumenda cum fugiat totam saepe officiis dolores, odio id dolor. Laborum inventore enim nemo voluptatem dolor temporibus quas distinctio vero iure culpa deserunt, voluptatum praesentium incidunt quaerat ratione illum, omnis earum provident ullam? voluptate ab nostrum impedit iure temporibus. Ad, fuga voluptatem? Totam et debitis tempore repellat exercitationem, dolores similique deserunt eligendi autem saepe. Obcaecati quas animi perspiciatis sit nam delectus quae temporibus assumenda sunt tempora numquam accusantium id accusamus totam quasi eveniet eos natus, veritatis at libero blanditiis beatae voluptates illo? Deserunt beatae praesentium. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis autem possimus inventore. Maxime molestias dolorum at nihil doloribus quas nostrum qui nemo esse excepturi ullam deserunt asperiores iusto, similique quasi repellendus vitae, dolore consequatur in nemo aperiam asperiores officiis laborum velit delectus dolorem ducimus.
