Focus player on video loading

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 c78f5b9a2291cc318649047dbd132e91944cce46..80aa8ebe47685be3ded7bd7a41524a493585b0bc 100644 (file)
--- a/client/src/app/videos/+video-watch/video-watch.component.ts
+++ b/client/src/app/videos/+video-watch/video-watch.component.ts
@@ -477,6 +477,7 @@ export class VideoWatchComponent implements OnInit, OnDestroy {
 
     this.zone.runOutsideAngular(async () => {
       this.player = await PeertubePlayerManager.initialize(mode, options, player => this.player = player)
+      this.player.focus()
 
       this.player.on('customError', ({ err }: { err: any }) => this.handleError(err))
 

diff --git a/client/src/assets/player/videojs-components/settings-menu-item.ts b/client/src/assets/player/videojs-components/settings-menu-item.ts
index 85172a18c086664598a8c6eeefd76570f2f58ed7..84d394c0ea46afed9d65a966bc180f20a57664d9 100644 (file)
--- a/client/src/assets/player/videojs-components/settings-menu-item.ts
+++ b/client/src/assets/player/videojs-components/settings-menu-item.ts
@@ -329,6 +329,8 @@ class SettingsMenuItem extends MenuItem {
   }
 
   setMargin () {
+    if (!this.size) return
+
     const [ width ] = this.size
 
     this.settingsSubMenuEl_.style.marginRight = `-${width}px`