Como adicionar um baixador de videos e musica no seu site HTML

julho 29, 2022

0

Agora você pode ter um baixador de musicas/videos pelo link direto no seu blog/site Source code Html copie e cole na pagina que você

Copie o e cole na página que você quer ter um Baixador de musicas.

<meta name="description" content="Free online All In One video downloader to download All videos in MP4 in HD quality with high download speed."/> 
      <meta name="robots" content="index,follow" /> 
      <meta name="keywords" content="Free online All In One video downloader to download All videos in MP4 in HD quality with high download speed." /> 
      <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
       <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.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="icon" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFzyaD2t13iy08fEV6D7pOoni4PkaZp6cWPaL3McbSeLLo-C6Sxqqo96-MVcci14hBnn1HBBzN7Y6pf6Hn-KnaytvQqJuORYeqCYTlP9cNKZeK8RgVPCnLi2500fK1SHDoFKBh2bxRcKM/s320/bsd.png" sizes="16x16" type="image/png"> 
   <style> 
   * { 
 margin: 0; 
 padding: 0; 
 } 
 .mt-5, .my-5 { 
     margin-top: 0rem!important; 
 } 
 #hd {     
   width:100%;     
   height:390px;       
   margin:0 0 50px 0;     
   }   
 .custom-shape-divider-bottom-1610026357 { 
     position: absolute; 
     bottom: 0; 
     left: 0; 
     width: 100%; 
     overflow: hidden; 
     line-height: 0; 
     transform: rotate(180deg); 
 } 
 .custom-shape-divider-bottom-1610026357 svg { 
     position: relative; 
     display: block; 
     width: calc(100% + 1.3px); 
     height: 183px; 
 } 
 .custom-shape-divider-bottom-1610026357 .shape-fill { 
     fill: #FFFFFF; 
 } 
   </style> 
 </head> 
 <body> 
 <div style="position: relative; background-image: linear-gradient(to right, #9400D3, #4B0082, #0000FF, #00FF00, #FFFF00, #FF7F00, #FF0000); min-height: 99vh;"> 
 <div id='hd'>     
  <center><img alt='All In One video downloader' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLQXWibnIW7gocQTaIUwP_FRixgFqCvx4VemXQ-j0NVZyqfOVTf4VWWGFmK8paJBeeO88w1LSjGz9CB_nXVjmCH60lAGMfJ-mYM9tvm945YvrP_CaS-OJ1leRuKwKDtOfGSq7k6E_Cons8/s320/1621510522631.png' width='400' title='High Quality All In One Video Downloader'/></center>
 <div class="col-md-6 offset-md-3 mt-5"> 
     <div class="card"> 
       <div class="card-header bg-info"> 
         <center><h5>All In One Video Downloader</h5> 
       </div> 
       <div class="card-body"> 
         <div class="row"> 
           <div class="col-md-12"> 
             <div class="form-group"> 
               <label class="text-weight"><b>Enter The Link:</b></label> 
               <input type="txt" name="link" class="form-control link" required> 
             </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> 
                   <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> 
             </div> 
           </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> 
 <div class="custom-shape-divider-bottom-1610026357"> 
     <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"> 
         <path d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z" class="shape-fill"></path> 
     </svg> 
 </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>
 </html>">

Creditos: Techno Sahil

Tags: BLOG HTML programacao source

Postar um comentário