Trigger qualityrequested event unconditionally when trying to set it (needed for streaming libraries to be able to listen)

3 files changed, 4 insertions, 14 deletions

diff --git a/src/js/html5.js b/src/js/html5.js
index 8f23b3c1..9931ae93 100644
--- a/src/js/html5.js
+++ b/src/js/html5.js
@@ -57,11 +57,6 @@ const html5 = {
                     return;
                 }
 
-                // Trigger change event
-                utils.dispatchEvent.call(player, player.media, 'qualityrequested', false, {
-                    quality: input,
-                });
-
                 // Get current state
                 const { currentTime, playing } = player;
 
diff --git a/src/js/plugins/youtube.js b/src/js/plugins/youtube.js
index c759d8d2..f7458bcb 100644
--- a/src/js/plugins/youtube.js
+++ b/src/js/plugins/youtube.js
@@ -302,15 +302,7 @@ const youtube = {
                             return mapQualityUnit(instance.getPlaybackQuality());
                         },
                         set(input) {
-                            const quality = input;
-
-                            // Set via API
-                            instance.setPlaybackQuality(mapQualityUnit(quality));
-
-                            // Trigger request event
-                            utils.dispatchEvent.call(player, player.media, 'qualityrequested', false, {
-                                quality,
-                            });
+                            instance.setPlaybackQuality(mapQualityUnit(input));
                         },
                     });
 
diff --git a/src/js/plyr.js b/src/js/plyr.js
index e2fce1fe..46fed3b2 100644
--- a/src/js/plyr.js
+++ b/src/js/plyr.js
@@ -689,6 +689,9 @@ class Plyr {
             quality = closest;
         }
 
+        // Trigger request event
+        utils.dispatchEvent.call(this, this.media, 'qualityrequested', false, { quality });
+
         // Update config
         config.selected = quality;