From 57886d66718f0c2dd21f735472e35900a5059cce Mon Sep 17 00:00:00 2001
From: jonathanraes <jonathanraes@users.noreply.github.com>
Date: Thu, 1 Mar 2018 08:26:56 +0100
Subject: [PATCH] Support different playback rates (#318)

---
 .../src/app/videos/+video-watch/video-watch.component.ts  | 1 +
 client/src/sass/video-js-custom.scss                      | 8 ++++++--
 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;