v3.3.3

changelog.md

@@ -1,3 +1,7 @@
+# v3.3.3
+
+*   Reverted change to show home tab on option select due to usability regression
+
 # v3.3.2
 
 *   Fix for ads running in audio

dist/plyr.js

@@ -3742,7 +3742,7 @@ var defaults$1 = {
     // Sprite (for icons)
     loadSprite: true,
     iconPrefix: 'plyr',
-    iconUrl: 'https://cdn.plyr.io/3.3.2/plyr.svg',
+    iconUrl: 'https://cdn.plyr.io/3.3.3/plyr.svg',
 
     // Blank video (used to prevent errors on source change)
     blankVideo: 'https://cdn.plyr.io/static/blank.mp4',
@@ -4734,27 +4734,18 @@ var Listeners = function () {
             on(this.player.elements.settings.form, 'click', function (event) {
                 event.stopPropagation();
 
-                // Go back to home tab on click
-                var showHomeTab = function showHomeTab() {
-                    var id = 'plyr-settings-' + _this4.player.id + '-home';
-                    controls.showTab.call(_this4.player, id);
-                };
-
                 // Settings menu items - use event delegation as items are added/removed
                 if (utils.matches(event.target, _this4.player.config.selectors.inputs.language)) {
                     proxy(event, function () {
                         _this4.player.language = event.target.value;
-                        showHomeTab();
                     }, 'language');
                 } else if (utils.matches(event.target, _this4.player.config.selectors.inputs.quality)) {
                     proxy(event, function () {
                         _this4.player.quality = event.target.value;
-                        showHomeTab();
                     }, 'quality');
                 } else if (utils.matches(event.target, _this4.player.config.selectors.inputs.speed)) {
                     proxy(event, function () {
                         _this4.player.speed = parseFloat(event.target.value);
-                        showHomeTab();
                     }, 'speed');
                 } else {
                     var tab = event.target;

dist/plyr.polyfilled.js

@@ -8776,7 +8776,7 @@ var defaults$1 = {
     // Sprite (for icons)
     loadSprite: true,
     iconPrefix: 'plyr',
-    iconUrl: 'https://cdn.plyr.io/3.3.2/plyr.svg',
+    iconUrl: 'https://cdn.plyr.io/3.3.3/plyr.svg',
 
     // Blank video (used to prevent errors on source change)
     blankVideo: 'https://cdn.plyr.io/static/blank.mp4',
@@ -9768,27 +9768,18 @@ var Listeners = function () {
             on(this.player.elements.settings.form, 'click', function (event) {
                 event.stopPropagation();
 
-                // Go back to home tab on click
-                var showHomeTab = function showHomeTab() {
-                    var id = 'plyr-settings-' + _this4.player.id + '-home';
-                    controls.showTab.call(_this4.player, id);
-                };
-
                 // Settings menu items - use event delegation as items are added/removed
                 if (utils.matches(event.target, _this4.player.config.selectors.inputs.language)) {
                     proxy(event, function () {
                         _this4.player.language = event.target.value;
-                        showHomeTab();
                     }, 'language');
                 } else if (utils.matches(event.target, _this4.player.config.selectors.inputs.quality)) {
                     proxy(event, function () {
                         _this4.player.quality = event.target.value;
-                        showHomeTab();
                     }, 'quality');
                 } else if (utils.matches(event.target, _this4.player.config.selectors.inputs.speed)) {
                     proxy(event, function () {
                         _this4.player.speed = parseFloat(event.target.value);
-                        showHomeTab();
                     }, 'speed');
                 } else {
                     var tab = event.target;

package.json

@@ -1,6 +1,6 @@
 {
     "name": "plyr",
-    "version": "3.3.2",
+    "version": "3.3.3",
     "description": "A simple, accessible and customizable HTML5, YouTube and Vimeo media player",
     "homepage": "https://plyr.io",
     "main": "./dist/plyr.js",

readme.md

@@ -128,7 +128,7 @@ See [initialising](#initialising) for more information on advanced setups.
 If you want to use our CDN (provided by [Fastly](https://www.fastly.com/)) for the JavaScript, you can use the following:
 
 ```html
-<script src="https://cdn.plyr.io/3.3.2/plyr.js"></script>
+<script src="https://cdn.plyr.io/3.3.3/plyr.js"></script>
 ```
 
 _Note_: Be sure to read the [polyfills](#polyfills) section below about browser compatibility
@@ -144,13 +144,13 @@ Include the `plyr.css` stylsheet into your `<head>`
 If you want to use our CDN (provided by [Fastly](https://www.fastly.com/)) for the default CSS, you can use the following:
 
 ```html
-<link rel="stylesheet" href="https://cdn.plyr.io/3.3.2/plyr.css">
+<link rel="stylesheet" href="https://cdn.plyr.io/3.3.3/plyr.css">
 ```
 
 ### SVG Sprite
 
 The SVG sprite is loaded automatically from our CDN (provided by [Fastly](https://www.fastly.com/)). To change this, see the [options](#options) below. For
-reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/3.3.2/plyr.svg`.
+reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/3.3.3/plyr.svg`.
 
 ## Ads
 

src/js/defaults.js

@@ -56,7 +56,7 @@ const defaults = {
     // Sprite (for icons)
     loadSprite: true,
     iconPrefix: 'plyr',
-    iconUrl: 'https://cdn.plyr.io/3.3.2/plyr.svg',
+    iconUrl: 'https://cdn.plyr.io/3.3.3/plyr.svg',
 
     // Blank video (used to prevent errors on source change)
     blankVideo: 'https://cdn.plyr.io/static/blank.mp4',

src/js/listeners.js

@@ -489,19 +489,12 @@ class Listeners {
         on(this.player.elements.settings.form, 'click', event => {
             event.stopPropagation();
 
-            // Go back to home tab on click
-            const showHomeTab = () => {
-                const id = `plyr-settings-${this.player.id}-home`;
-                controls.showTab.call(this.player, id);
-            };
-
             // Settings menu items - use event delegation as items are added/removed
             if (utils.matches(event.target, this.player.config.selectors.inputs.language)) {
                 proxy(
                     event,
                     () => {
                         this.player.language = event.target.value;
-                        showHomeTab();
                     },
                     'language',
                 );
@@ -510,7 +503,6 @@ class Listeners {
                     event,
                     () => {
                         this.player.quality = event.target.value;
-                        showHomeTab();
                     },
                     'quality',
                 );
@@ -519,7 +511,6 @@ class Listeners {
                     event,
                     () => {
                         this.player.speed = parseFloat(event.target.value);
-                        showHomeTab();
                     },
                     'speed',
                 );

src/js/plyr.js

@@ -1,6 +1,6 @@
 // ==========================================================================
 // Plyr
-// plyr.js v3.3.2
+// plyr.js v3.3.3
 // https://github.com/sampotts/plyr
 // License: The MIT License (MIT)
 // ==========================================================================

src/js/plyr.polyfilled.js

@@ -1,6 +1,6 @@
 // ==========================================================================
 // Plyr Polyfilled Build
-// plyr.js v3.3.2
+// plyr.js v3.3.3
 // https://github.com/sampotts/plyr
 // License: The MIT License (MIT)
 // ==========================================================================