YouTube DL Source Code
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglOe_fpDaEDHdZYOiTBrUjDm8bQf9q0nkLXlrqP6P3aJDIo8xTiKfXI1Y0Fgag0oPG-uUibQcp1JUCJeBnBTixSN_Tv_I9Ckv-bk7aX-ar11kq-667FEgAxntFaYke8Qrkm8qgT2G8yHrx/s1280/SawTunMgMg.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>YouTube DL</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto'>
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js'></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.0-alpha1/css/bootstrap.min.css">
<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>
<style>
.w3-twothird {
width: 100%;
margin-bottom:15px;
}
.w3-white {
border-radius: 14px;
background-color: #ffffff!important;
}
a {
color: #000000;
text-decoration: none;
}
#my_space_bottom{
margin-bottom:10px;
}
#txt_box {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
outline:0;
height:70px;
width: 100%;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
padding-left: 20px;
}
.btn-success {
color: #fff;
background-color: #009688;
border-color: #009688;
}
body{margin:15px;background-color: #f1f1f1!important;}
.card{border:none; margin-top:70px; margin-bottom:70px; background-color:#ffffff;}
.card-header{border:none;background-color:#ffffff;}
</style>
</head>
<body>
<div class="w3-twothird">
<div class="w3-container w3-card w3-white">
<div class="col-md-6 offset-md-3 mt-5">
<div class="card">
<div class="card-header">
<h3 style="text-align:center;">YouTube DL</h3>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="text-weight"><b>Paste YouTube Link :</b></label>
<div id="my_space_bottom"></div>
<input id="txt_box" type="txt" name="link" placeholder="Paste YouTube Link" class="form-control link" required>
<div id="my_space_bottom"></div>
</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 Quality :</b></label>
<div id="my_space_bottom"></div>
<select id="txt_box" class="form-control formte" required>
<option selected disabled>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 id="my_space_bottom"></div>
<div class="row">
<div class="col-md-12">
<div class="form-group mt-4 download-video">
<button class="btn btn-success btn-block click-btn-down" type="submit">Click Here</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<p style="font-size:10px;text-align:center;"><i style="font-family: 'FontAwesome';font-weight: 400;" class="fa fa-connectdevelop fa-spin"></i> Developed by <a href="fb://page/101103121723696">Saw Tun Mg Mg</a></p>
</div></div>
</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>
<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>
</html>