Support different playback rates (#318)

2 files changed, 7 insertions, 2 deletions

diff --git a/client/src/app/videos/+video-watch/video-watch.component.ts b/client/src/app/videos/+video-watch/video-watch.component.ts
index 662380d96..585ab2e00 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.ts
+++ b/client/src/app/videos/+video-watch/video-watch.component.ts
@@ -340,6 +340,7 @@ export class VideoWatchComponent implements OnInit, OnDestroy {
       const videojsOptions = {
         controls: true,
         autoplay: this.isAutoplay(),
+        playbackRates: [0.5, 1, 1.25, 1.5, 2],
         plugins: {
           peertube: {
             videoFiles: this.video.files,
diff --git a/client/src/sass/video-js-custom.scss b/client/src/sass/video-js-custom.scss
index 75630dd63..e87ae21ae 100644
--- a/client/src/sass/video-js-custom.scss
+++ b/client/src/sass/video-js-custom.scss
@@ -180,7 +180,6 @@ $control-bar-height: 34px;
       width: 100%;
       line-height: $control-bar-height;
       text-align: right;
-      padding-right: 60px;
 
       .vjs-peertube-displayed {
         display: block;
@@ -219,6 +218,12 @@ $control-bar-height: 34px;
       }
     }
 
+    .vjs-playback-rate {
+      font-size: 10px;
+      margin-right: 60px;
+      margin-top: 2px;
+    }
+
     .vjs-mute-control {
       outline: 0;
 
@@ -322,7 +327,6 @@ $control-bar-height: 34px;
     }
 
     .vjs-menu-button-popup {
-      font-size: 13px;
       font-weight: $font-semibold;
       width: 50px;