2 files changed, 4 insertions, 3 deletions

diff --git a/client/src/assets/player/shared/settings/resolution-menu-button.ts b/client/src/assets/player/shared/settings/resolution-menu-button.ts
index 8bd5b4f03..a0b349f67 100644
--- a/client/src/assets/player/shared/settings/resolution-menu-button.ts
+++ b/client/src/assets/player/shared/settings/resolution-menu-button.ts
@@ -68,7 +68,8 @@ class ResolutionMenuButton extends MenuButton {
       this.menu.addChild(new ResolutionMenuItem(
         this.player_,
         {
-          id: d.id,
+          id: d.id + '',
+          resolutionId: d.id,
           label,
           selected: d.selected
         })
diff --git a/client/src/assets/player/shared/settings/resolution-menu-item.ts b/client/src/assets/player/shared/settings/resolution-menu-item.ts
index 6047f52f7..678eb368b 100644
--- a/client/src/assets/player/shared/settings/resolution-menu-item.ts
+++ b/client/src/assets/player/shared/settings/resolution-menu-item.ts
@@ -3,7 +3,7 @@ import videojs from 'video.js'
 const MenuItem = videojs.getComponent('MenuItem')
 
 export interface ResolutionMenuItemOptions extends videojs.MenuItemOptions {
-  id: number
+  resolutionId: number
 }
 
 class ResolutionMenuItem extends MenuItem {
@@ -21,7 +21,7 @@ class ResolutionMenuItem extends MenuItem {
     this.autoResolutionEnabled = true
     this.autoResolutionChosen = ''
 
-    this.resolutionId = options.id
+    this.resolutionId = options.resolutionId
     this.label = options.label
 
     player.peertubeResolutions().on('resolutionChanged', () => this.updateSelection())