feat: add direct link

Signed-off-by: Jesús <heckyel@hyperbola.info>

youtube/static/watch.css

@@ -257,6 +257,7 @@ label[for=options-toggle-cbox] {
         "v-uploaded v-views"
         "v-published v-likes-dislikes"
         "external-player-controls v-checkbox"
+        "v-direct-link v-direct-link"
         "v-download v-download"
         "v-description v-description"
         "v-music-list v-music-list"
@@ -287,6 +288,11 @@ label[for=options-toggle-cbox] {
     grid-area: v-checkbox;
     justify-self: end;
 }
+.v-direct-link {
+    grid-area: v-direct-link;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+}
 .v-download { grid-area: v-download; }
 .v-download > ul.download-dropdown-content {
     background: var(--secondary-background);

youtube/templates/watch.html

@@ -86,6 +86,8 @@
 
             <input class="v-checkbox" name="video_info_list" value="{{ video_info }}" form="playlist-edit" type="checkbox">
 
+            <span class="v-direct-link"><a href="https://youtu.be/{{ video_id }}" >Direct Link</a></span>
+
             <details class="v-download">
                 <summary class="download-dropdown-label">Download</summary>
                 <ul class="download-dropdown-content">

youtube/watch.py

@@ -546,6 +546,7 @@ def get_watch_page(video_id=None):
         invidious_used    = info['invidious_used'],
         invidious_reload_button = info['invidious_reload_button'],
         video_url = util.URL_ORIGIN + '/watch?v=' + video_id,
+        video_id = video_id,
         time_start = time_start,
 
         js_data = {