HTML5 quality selection

1 files changed, 8 insertions, 5 deletions

diff --git a/src/js/listeners.js b/src/js/listeners.js
index 7c39ece7..be7a53ef 100644
--- a/src/js/listeners.js
+++ b/src/js/listeners.js
@@ -355,13 +355,16 @@ class Listeners {
             this.player.storage.set({ speed: this.player.speed });
         });
 
+        // Quality request
+        utils.on(this.player.media, 'qualityrequested', event => {
+            // Save to storage
+            this.player.storage.set({ quality: event.detail.quality });
+        });
+
         // Quality change
-        utils.on(this.player.media, 'qualitychange', () => {
+        utils.on(this.player.media, 'qualitychange', event => {
             // Update UI
-            controls.updateSetting.call(this.player, 'quality');
-
-            // Save to storage
-            this.player.storage.set({ quality: this.player.quality });
+            controls.updateSetting.call(this.player, 'quality', null, event.detail.quality);
         });
 
         // Caption language change