diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss index bada9bae8..35ea0fffd 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss @@ -347,6 +347,7 @@ $player-factor: 1.7; // 16/9 /deep/ .other-videos { padding-left: 15px; flex-basis: $other-videos-width; + min-width: $other-videos-width; .title-page { margin-top: 0 !important; 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 cf9dc8f9c..29c472a42 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.ts +++ b/client/src/app/videos/+video-watch/video-watch.component.ts @@ -31,6 +31,7 @@ import { VideoPlaylistService } from '@app/shared/video-playlist/video-playlist. import { Video } from '@app/shared/video/video.model' import { isWebRTCDisabled, timeToInt } from '../../../assets/player/utils' import { VideoWatchPlaylistComponent } from '@app/videos/+video-watch/video-watch-playlist.component' +import { getStoredTheater } from '../../../assets/player/peertube-player-local-storage' @Component({ selector: 'my-video-watch', @@ -121,6 +122,8 @@ export class VideoWatchComponent implements OnInit, OnDestroy { }) this.initHotkeys() + + this.theaterEnabled = getStoredTheater() } ngOnDestroy () { @@ -445,7 +448,6 @@ export class VideoWatchComponent implements OnInit, OnDestroy { this.zone.runOutsideAngular(async () => { this.player = await PeertubePlayerManager.initialize(mode, options) - this.theaterEnabled = this.player.theaterEnabled this.player.on('customError', ({ err }: { err: any }) => this.handleError(err)) diff --git a/client/src/assets/player/peertube-player-local-storage.ts b/client/src/assets/player/peertube-player-local-storage.ts index 059fca308..f6c5c5419 100644 --- a/client/src/assets/player/peertube-player-local-storage.ts +++ b/client/src/assets/player/peertube-player-local-storage.ts @@ -29,7 +29,7 @@ function getStoredTheater () { const value = getLocalStorage('theater-enabled') if (value !== null && value !== undefined) return value === 'true' - return undefined + return false } function saveVolumeInStore (value: number) {