1 files changed, 16 insertions, 21 deletions

diff --git a/client/src/assets/player/shared/resolutions/peertube-resolutions-plugin.ts b/client/src/assets/player/shared/resolutions/peertube-resolutions-plugin.ts
index 4fafd27b1..4d6701003 100644
--- a/client/src/assets/player/shared/resolutions/peertube-resolutions-plugin.ts
+++ b/client/src/assets/player/shared/resolutions/peertube-resolutions-plugin.ts
@@ -8,7 +8,16 @@ class PeerTubeResolutionsPlugin extends Plugin {
   private resolutions: PeerTubeResolution[] = []
 
   private autoResolutionChosenId: number
-  private autoResolutionEnabled = true
+
+  constructor (player: videojs.Player) {
+    super(player)
+
+    player.on('video-change', () => {
+      this.resolutions = []
+
+      this.trigger('resolutions-removed')
+    })
+  }
 
   add (resolutions: PeerTubeResolution[]) {
     for (const r of resolutions) {
@@ -18,12 +27,12 @@ class PeerTubeResolutionsPlugin extends Plugin {
     this.currentSelection = this.getSelected()
 
     this.sort()
-    this.trigger('resolutionsAdded')
+    this.trigger('resolutions-added')
   }
 
   remove (resolutionIndex: number) {
     this.resolutions = this.resolutions.filter(r => r.id !== resolutionIndex)
-    this.trigger('resolutionRemoved')
+    this.trigger('resolutions-removed')
   }
 
   getResolutions () {
@@ -40,10 +49,10 @@ class PeerTubeResolutionsPlugin extends Plugin {
 
   select (options: {
     id: number
-    byEngine: boolean
+    fireCallback: boolean
     autoResolutionChosenId?: number
   }) {
-    const { id, autoResolutionChosenId, byEngine } = options
+    const { id, autoResolutionChosenId, fireCallback } = options
 
     if (this.currentSelection?.id === id && this.autoResolutionChosenId === autoResolutionChosenId) return
 
@@ -55,25 +64,11 @@ class PeerTubeResolutionsPlugin extends Plugin {
       if (r.selected) {
         this.currentSelection = r
 
-        if (!byEngine) r.selectCallback()
+        if (fireCallback) r.selectCallback()
       }
     }
 
-    this.trigger('resolutionChanged')
-  }
-
-  disableAutoResolution () {
-    this.autoResolutionEnabled = false
-    this.trigger('autoResolutionEnabledChanged')
-  }
-
-  enabledAutoResolution () {
-    this.autoResolutionEnabled = true
-    this.trigger('autoResolutionEnabledChanged')
-  }
-
-  isAutoResolutionEnabeld () {
-    return this.autoResolutionEnabled
+    this.trigger('resolutions-changed')
   }
 
   private sort () {