YouTube Video Downloader | Source code included |
Assuming you need to make your own YouTube Video Downloader Website you are a right place.
Here is a full format is accessible with HTML source code. However, YouTube Video Downloader Source code is made by JAVA. In underneath test is accessible.
You can use this in your blog but for use you need some Blog setting your own.
Template:
<html>
<head>
<!-- <link rel="icon" href="https://cdn.pixabay.com/photo/2017/01/03/09/42/logo-1948994_960_720.png"></link> -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"></link>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"></link>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.0-alpha1/js/bootstrap.min.js"></script>
<title>Download Youtube videos</title>
<style>
body{
background-image: url('https://images.unsplash.com/photo-1540655037529-dec987208707?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=921&q=80');
background-repeat: no-repeat;
background-size: cover;
scroll-behavior: auto;
position: relative;
}
</style>
</head>
<body class="col-sm-576 col-md-768 col-lg-992 col-xl-1200">
<div class="col-sm-576 col-md-768 col-lg-992 col-xl-1200 container" style="padding-left: 430px; margin-right: 250; margin-left: -162px; margin-top: 200px;">
<div class="text-center col-sm-576 col-md-768 col-lg-992 col-xl-1200" style="color: white;">
<label class="text-light col-sm-576 col-md-768 col-lg-992 col-xl-1200 " for="">Insert Video URl</label>
<form action="" method="POST" class="form-download">
<input name="link" placeholder="URL" type="text" class="col-sm-576 col-md-768 col-lg-992 col-xl-1200 form-control" id="basic-url" aria-describedby="basic-addon3" style="background-color: transparent; color: white;">
<label class="text-weight"><b>Select Video Fromate:</b></label>
<select class="form-control formte" style="background-color: transparent;" required>
<option selected disabled>Select Video Formate</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 class="download-video">
<button class="col-sm-576 col-md-768 col-lg-992 col-xl-1200 click-btn-down" type="submit" style="border: 2px white solid; background-color: transparent; margin-top: 10px; padding: 5px 20px 5px 20px; border-radius: 0px 15px 0px 15px;" value="download">Download</button>
</div>
</form>
</div>
</div>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
<script type="text/javascript">
$(".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:100%;height:60px;border:0;overflow:hidden;" scrolling="no" src="https://loader.to/api/button/?url='+link+'&f='+fromate+'"></iframe>');
}
</script>
</html>
So I hope You like this Template. If it is Helpful for you Comment us in below.
0 Comments