release 4.0.1

Author: sebbayer

RELEASE.md

@@ -32,10 +32,11 @@ Instructions for the Maintainer
 
 - add/commit/push all including build/
 
-  git add --all
-  git commit -am "release 4.X.X"
-  git push
-
+```
+git add --all
+git commit -am "release 4.X.X"
+git push
+```
 
 **********************
  PREPARING A RELEASE - second step on github.com

changelog.md

@@ -1,5 +1,9 @@
 # Version History
 
+## *4.0.1 (2024/09/09)*
+### SPEED PLUGIN
+* Fix always controlling the first player on the page via keyboard when multiple players exist.
+
 ## *4.0.0 (2024/03/11)*
 This release marks a major version update to address and correct previous versioning inaccuracies. The transition from version 3.0.0 to 3.0.1 introduced changes that, upon further review, have been identified as breaking. These changes warranted a more significant version increment to reflect their impact accurately.
 

dist/speed/speed.js

@@ -100,6 +100,8 @@ Object.assign(MediaElementPlayer.prototype, {
 		    radios = player.speedButton.querySelectorAll('input[type="radio"]'),
 		    labels = player.speedButton.querySelectorAll('.' + t.options.classPrefix + 'speed-selector-label');
 
+		player.speedRadioButtons = radios;
+
 		for (var _i2 = 0, _total2 = inEvents.length; _i2 < _total2; _i2++) {
 			player.speedButton.addEventListener(inEvents[_i2], function () {
 				mejs.Utils.removeClass(player.speedSelector, t.options.classPrefix + 'offscreen');
@@ -154,9 +156,10 @@ Object.assign(MediaElementPlayer.prototype, {
 			action: function action(player, media, key, event) {
 				if (event.key != '<') return;
 
-				for (var _i7 = 0; _i7 < radios.length - 1; _i7++) {
-					if (radios[_i7].checked) {
-						var nextRadio = radios[_i7 + 1];
+				var _radios = player.speedRadioButtons;
+				for (var _i7 = 0; _i7 < _radios.length - 1; _i7++) {
+					if (_radios[_i7].checked) {
+						var nextRadio = _radios[_i7 + 1];
 						nextRadio.dispatchEvent(mejs.Utils.createEvent('click', nextRadio));
 						break;
 					}
@@ -167,9 +170,10 @@ Object.assign(MediaElementPlayer.prototype, {
 			action: function action(player, media, key, event) {
 				if (event.key != '>') return;
 
-				for (var _i8 = 1; _i8 < radios.length; _i8++) {
-					if (radios[_i8].checked) {
-						var prevRadio = radios[_i8 - 1];
+				var _radios = player.speedRadioButtons;
+				for (var _i8 = 1; _i8 < _radios.length; _i8++) {
+					if (_radios[_i8].checked) {
+						var prevRadio = _radios[_i8 - 1];
 						prevRadio.dispatchEvent(mejs.Utils.createEvent('click', prevRadio));
 						break;
 					}