Add clickable title for embedded videos

assets/css/default.css

@@ -353,7 +353,7 @@ span > select {
 
 /* Overlay */
 .video-js .vjs-overlay {
-  background-color: rgba(35, 35, 35, 0.5);
+  background-color: rgba(35, 35, 35, 0.75);
   color: rgba(255, 255, 255, 1);
 }
 

assets/js/player.js

@@ -106,12 +106,12 @@ if (location.pathname.startsWith('/embed/')) {
     player.overlay({
         overlays: [{
             start: 'loadstart',
-            content: '<h1>' + player_data.title + '</h1>',
+            content: '<h1><a href="' + location.href + '">' + player_data.title + '</a></h1>',
             end: 'playing',
             align: 'top'
         }, {
             start: 'pause',
-            content: '<h1>' + player_data.title + '</h1>',
+            content: '<h1><a href="' + location.href + '">' + player_data.title + '</a></h1>',
             end: 'playing',
             align: 'top'
         }]

src/invidious/views/embed.ecr

@@ -9,6 +9,7 @@
     <link rel="stylesheet" href="/css/videojs-overlay.css?v=<%= ASSET_COMMIT %>">
     <script src="/js/videojs-overlay.min.js?v=<%= ASSET_COMMIT %>"></script>
     <link rel="stylesheet" href="/css/default.css?v=<%= ASSET_COMMIT %>">
+    <link rel="stylesheet" href="/css/darktheme.css?v=<%= ASSET_COMMIT %>">
     <title><%= HTML.escape(video.title) %> - Invidious</title>
     <style>
     #player {