Add clickable title for embedded videos

3 files changed, 4 insertions, 3 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 0727cfdd..2f875019 100644
--- a/assets/css/default.css
+++ b/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);
 }
 
diff --git a/assets/js/player.js b/assets/js/player.js
index 37dd1dcf..18fa940d 100644
--- a/assets/js/player.js
+++ b/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'
         }]
diff --git a/src/invidious/views/embed.ecr b/src/invidious/views/embed.ecr
index 8b0e6dbd..9a8a3262 100644
--- a/src/invidious/views/embed.ecr
+++ b/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 {