Support different playback rates (#318)

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 662380d961e8215f60dc5ad9acdba882c17ebf14..585ab2e00502f172a8c8fc92dab1171a0a67980e 100644 (file)
--- 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 75630dd63acbf95e6ab56d8a47304b2a9668d8f5..e87ae21ae9b1c59304b8df53820e0ca4835fe14f 100644 (file)
--- 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;