clean and add yt dl video

deezer_downloader/web/templates/index.html

@@ -46,7 +46,7 @@
       <a class="nav-link active" id="nav-songs-albums" data-toggle="tab" href="#songs_albums">Songs/Albums (1)</a>
     </li>
     <li class="nav-item">
-      <a class="nav-link" id="nav-youtubedl" data-toggle="tab" href="#youtubedl">Youtube-dl (2)</a>
+      <a class="nav-link" id="nav-youtubedl" data-toggle="tab" href="#youtubedl">Audio/Video downloader (2)</a>
     </li>
     <li class="nav-item">
       <a class="nav-link" id="nav-spotify-playlists" data-toggle="tab" href="#spotify-playlists">Spotify Playlists (3)</a>
@@ -106,7 +106,7 @@
     
      <div id="youtubedl" class="container tab-pane fade">
          <br>
-         <h3>Download stuff via youtube-dl</h3>
+         <h3>Download audio files via youtube-dl</h3>
          <div class="input-group">
              <input type="text" class="form-control" id="youtubedl-query" placeholder="Download audio from YouTube, Invidious, Vimeo, Soundcloud, ... " />
                 &nbsp;
@@ -117,6 +117,18 @@
             <button type="button" class="btn btn-info" id="yt_download">Download</button>
             <button type="button" class="btn btn-info" onclick="$('#youtubedl-query').val('')" >Clear</button>
         </span>
+        <br/>
+        <br/>
+         <h3>Download video files via youtube-dl</h3>
+         <div class="input-group">
+             <input type="text" class="form-control" id="youtubedl-query-video" placeholder="Download video from YouTube, Invidious, Vimeo, Soundcloud, ... " />
+                &nbsp;
+         </div>
+         <br>
+        <span class="input-group-btn">
+            <button type="button" class="btn btn-info" id="yt_download_video">Download</button>
+            <button type="button" class="btn btn-info" onclick="$('#youtubedl-query-video').val('')" >Clear</button>
+        </span>
      </div> <!-- end div tab youtube-dl -->
     
      <div id="spotify-playlists" class="container tab-pane fade">