From 57886d66718f0c2dd21f735472e35900a5059cce Mon Sep 17 00:00:00 2001 From: jonathanraes 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;