Today we are going to talk about all-in-one YouTube video downloader script for blogger download. And how does this blogger make me a YouTube video downloader tool website? So let's find out all these in this article. So stay with this article to know more details.
YouTube Video Downloader Tool
Youtube is currently booming. Because YouTube is Google's own product. And it is the world's largest online video streaming platform. And everyone in the world uses YouTube. In such case, you know that in YouTube video downloader script for blogger, we don't provide option to download in external download.
One such tool is currently going viral on the internet. And the name of this tool is YouTube Video Downloader Tool. That means, with the help of this tool, you can easily download any YouTube video in your file manager. By the way, there are many Android apps for this. But almost people use online web tool.
Now comes a blogger question. How to Create YouTube Video Downloader Tool in Blogger? As we and you all know that there is Youtube video downloader tool all over the internet, it is all built in PHP language script. But when it comes to Blogger or Blogspot, php is not supported on these sites. So only HTML, JavaScript and CSS are supported in it.
So I have shared with you a fully working script to download YouTube video downloader script for blogger / blogspot. So with the help of this complete script, you can easily create Youtube Video Downloader Tool on Blogger.
Output
Steps to Use a Youtube Video Downloader Script for Blogger
- Go to Blogger and click Pages and Click New Page
- Change Compose View to HTML View
- Paste the following Script and Publish
- Done
HTML
<script type="text/javascript">
//<![CDATA[
var uri = window.location.toString();
if (uri.indexOf("%3D","%3D") > 0) {
var clean_uri = uri.substring(0, uri.indexOf("%3D"));
window.history.replaceState({}, document.title, clean_uri);
}
var uri = window.location.toString();
if (uri.indexOf("%3D%3D","%3D%3D") > 0) {
var clean_uri = uri.substring(0, uri.indexOf("%3D%3D"));
window.history.replaceState({}, document.title, clean_uri);
}
var uri = window.location.toString();
if (uri.indexOf("&m=1","&m=1") > 0) {
var clean_uri = uri.substring(0, uri.indexOf("&m=1"));
window.history.replaceState({}, document.title, clean_uri);
}
var uri = window.location.toString();
if (uri.indexOf("?m=1","?m=1") > 0) {
var clean_uri = uri.substring(0, uri.indexOf("?m=1"));
window.history.replaceState({}, document.title, clean_uri);
}
//]]>
</script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<style>
.btn {
line-height: 24px;
height: 36px;
font-size: 15px;
vertical-align: top;
}
body {
background-color: #212121;
}
.navbar-default {
background-color: #D6437B;
</style>
<body>
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
</link>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<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>
<!-- About page Modal -->
<!-- The Modal -->
<div class="modal" id="about-page">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">About Us Page</h4>
<button class="close" data-dismiss="modal" type="button">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<p>Youtube Video Downloader is a free online tool which allows you to download <b>Youtube Videos</b> for free. This tool is totally free, you don't need to pay anything. <br /> We have created this tool to help people who are facing problems in downloading Youtube videos. <br /> I hope our tool helped you to download high quality Youtube videos. .</p>
<p>Over official website is <b><a href="https://www.vsvptech.com/">vsvptech.com</a> </b></p>
<p>If you have any query regrading Site, Advertisement and any other issue, please feel free to contact at <strong>vsvptech@gmail.com</strong></p>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button class="btn btn-light" data-dismiss="modal" type="button">Close</button>
</div>
</div>
</div>
</div>
<!-- End About page Modal -->
<!-- Contact Modal -->
<!-- The Modal -->
<div class="modal" id="Contact-Us">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Contact Us</h4>
<button class="close" data-dismiss="modal" type="button">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
If you want to contact us for any purpose then contact is through the contact form given in our official website <b>vsvptech.com </b>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button class="btn btn-light" data-dismiss="modal" type="button">Close</button>
</div>
</div>
</div>
</div>
<!-- End privacy page Modal -->
<!-- privacy page Modal -->
<!-- The Modal -->
<div class="modal" id="privacy-page">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Privacy Page</h4>
<br /> One of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by Amfod and how we use it.<br />If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us.<br />This Privacy Policy applies only to our online activities and is valid for visitors to our website with regards to the information that they shared and/or collect in vsvptech<br />
<button class="close" data-dismiss="modal" type="button">×</button>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button class="btn btn-light" data-dismiss="modal" type="button">Close</button>
</div>
</div>
</div>
</div>
<div class="generator">
<div class="generator__questions">
<br />
<div class="card-body">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="text-weight"><b>Enter YouTube Video Link:</b></label>
<input class="form-control link" type="text" id="textInput" placeholder="Paste Your Youtube Vide Link" name="link" required="" style="width: 70%;" />
</div>
</div>
</div>
<form class="form-download">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="text-weight"><b>Select Video Format:</b></label>
<select class="form-control formte" required="" style="width: 70%;">
<option disabled="" selected="">
Select Video Format
</option>
<option value="mp3">
Mp3
</option>
<option value="mp4a">
144 Mp4
</option>
<option value="360">
360 Mp4
</option>
<option value="480">
480 Mp4
</option>
<option value="720">
720 Mp4
</option>
<option value="1080">
1080 Mp4
</option>
<option value="4k">
4k Mp4
</option>
<option value="8k">
8k Mp4
</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group mt-4 download-video">
<button class="btn btn-success click-btn-down" id="submitButton" disabled style="width: 30%;" type="submit">Submit</button>
</div>
</div>
</div>
</form>
</div>
</div>
<style>
.wrapper{
width: 450px;
height: 225px;
padding: 30px;
background: #009B77;
border-radius: 9px;
transition: height 0.2s ease;
margin: 0 auto;
margin-top: 10px;
}
</style>
<script type="text/javascript">
// Get references to the input and button elements
const textInput = document.getElementById('textInput');
const submitButton = document.getElementById('submitButton');
// Add an input event listener to the text input
textInput.addEventListener('input', function () {
// Check if the text length is greater than 30 characters
if (textInput.value.length > 30) {
// Enable the button
submitButton.disabled = false;
} else {
// Disable the button
submitButton.disabled = true;
}
});
<!-- -->
$(".click-btn-down").click(function(){ var link = $(".link").val(); var fromate = $(".formte").children("option:selected").val(); var src =""+link+"="+fromate+""; downloadVideo(link,fromate); }); function downloadVideo(link,fromate) { $('.download-video').html('<iframe style="width:70%;height:60px;border:0;overflow:hidden;" scrolling="no" src="https://loader.to/api/button/?url='+link+'&f='+fromate+'"><\/iframe>'); }
</script>
</div>About the Author
Hi, You can use my free PC Software, Android Apk Premium, HTML, CSS, Java Script & Premium Blogger Template. If you need a fast, secure and simple way to create a blog.