diff --git a/controls.md b/controls.md index ce623907..930795e9 100644 --- a/controls.md +++ b/controls.md @@ -59,6 +59,7 @@ i18n: { captions: 'Captions', settings: 'Settings', speed: 'Speed', + normal: 'Normal', quality: 'Quality', loop: 'Loop', start: 'Start', diff --git a/src/js/controls.js b/src/js/controls.js index 879fd3fc..160c3665 100644 --- a/src/js/controls.js +++ b/src/js/controls.js @@ -511,7 +511,7 @@ const controls = { getLabel(setting, value) { switch (setting) { case 'speed': - return value === 1 ? 'Normal' : `${value}×`; + return value === 1 ? i18n.get('normal', this.config) : `${value}×`; case 'quality': if (utils.is.number(value)) { diff --git a/src/js/defaults.js b/src/js/defaults.js index ddb7c2e4..9adf0eb2 100644 --- a/src/js/defaults.js +++ b/src/js/defaults.js @@ -177,6 +177,7 @@ const defaults = { captions: 'Captions', settings: 'Settings', speed: 'Speed', + normal: 'Normal', quality: 'Quality', loop: 'Loop', start: 'Start', diff --git a/src/js/plyr.js b/src/js/plyr.js index 6be0d2cc..04a68d02 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -845,7 +845,7 @@ class Plyr { } // If the method is called without parameter, toggle based on current value - const show = utils.is.boolean(input) ? input : this.elements.container.className.indexOf(this.config.classNames.captions.active) === -1; + const show = utils.is.boolean(input) ? input : !this.elements.container.classList.contains(this.config.classNames.captions.active); // Nothing to change... if (this.captions.active === show) { diff --git a/src/sass/components/menus.scss b/src/sass/components/menus.scss index 6891318a..3ad4039a 100644 --- a/src/sass/components/menus.scss +++ b/src/sass/components/menus.scss @@ -35,7 +35,7 @@ right: -3px; text-align: left; white-space: nowrap; - z-index: 1; + z-index: 3; > div { overflow: hidden;