Add timeDisplay to player

6 years ago · 06af43c95e
parent d75d34abdd
commit 06af43c95e
3 changed files with 43 additions and 31 deletions
--- a/assets/css/default.css
+++ b/assets/css/default.css
@ -179,3 +179,9 @@ div {
 .video-js:hover .vjs-big-play-button {
  background-color: rgba(35, 35, 35, 0.75);
 }
+
+.video-js .vjs-current-time,
+.video-js .vjs-time-divider,
+.video-js .vjs-duration {
+  display: block;
+}
--- a/src/invidious/views/embed.ecr
+++ b/src/invidious/views/embed.ecr
@ -69,14 +69,17 @@ var options = {
    children: [
      'playToggle',
      'volumePanel',
+      'currentTimeDisplay',
+      'timeDivider',
+      'durationDisplay',
      'progressControl',
      'remainingTimeDisplay',
      'captionsButton',
      'qualitySelector',
      'playbackRateMenuButton',
-         'fullscreenToggle',
-      ],
-   },
+      'fullscreenToggle'
+    ]
+  }
 };

 var shareOptions = {
--- a/src/invidious/views/watch.ecr
+++ b/src/invidious/views/watch.ecr
@ -78,14 +78,17 @@ var options = {
    children: [
      'playToggle',
      'volumePanel',
+      'currentTimeDisplay',
+      'timeDivider',
+      'durationDisplay',
      'progressControl',
      'remainingTimeDisplay',
      'captionsButton',
      'qualitySelector',
      'playbackRateMenuButton',
-         'fullscreenToggle',
-      ],
-   },
+      'fullscreenToggle'
+    ]
+  }
 };

 var shareOptions = {