diff options
Diffstat (limited to 'src/js')
-rw-r--r-- | src/js/defaults.js | 2 | ||||
-rw-r--r-- | src/js/plyr.js | 2 | ||||
-rw-r--r-- | src/js/plyr.polyfilled.js | 14 | ||||
-rw-r--r-- | src/js/ui.js | 6 | ||||
-rw-r--r-- | src/js/utils.js | 8 |
5 files changed, 25 insertions, 7 deletions
diff --git a/src/js/defaults.js b/src/js/defaults.js index ee87b8f6..adefabcf 100644 --- a/src/js/defaults.js +++ b/src/js/defaults.js @@ -56,7 +56,7 @@ const defaults = { // Sprite (for icons) loadSprite: true, iconPrefix: 'plyr', - iconUrl: 'https://cdn.plyr.io/3.0.0-beta.13/plyr.svg', + iconUrl: 'https://cdn.plyr.io/3.0.0-beta.14/plyr.svg', // Blank video (used to prevent errors on source change) blankVideo: 'https://cdn.plyr.io/static/blank.mp4', diff --git a/src/js/plyr.js b/src/js/plyr.js index aebf311f..fed1b3c1 100644 --- a/src/js/plyr.js +++ b/src/js/plyr.js @@ -1,6 +1,6 @@ // ========================================================================== // Plyr -// plyr.js v3.0.0-beta.13 +// plyr.js v3.0.0-beta.14 // https://github.com/sampotts/plyr // License: The MIT License (MIT) // ========================================================================== diff --git a/src/js/plyr.polyfilled.js b/src/js/plyr.polyfilled.js new file mode 100644 index 00000000..d83b885b --- /dev/null +++ b/src/js/plyr.polyfilled.js @@ -0,0 +1,14 @@ +// ========================================================================== +// Plyr Polyfilled Build +// plyr.js v3.0.0-beta.14 +// https://github.com/sampotts/plyr +// License: The MIT License (MIT) +// ========================================================================== + +import 'babel-polyfill'; + +import 'custom-event-polyfill'; + +import Plyr from './plyr'; + +export default Plyr; diff --git a/src/js/ui.js b/src/js/ui.js index 5a52543d..d8d420b0 100644 --- a/src/js/ui.js +++ b/src/js/ui.js @@ -132,10 +132,8 @@ const ui = { utils.toggleClass(this.elements.container, this.config.classNames.playing, this.playing); utils.toggleClass(this.elements.container, this.config.classNames.stopped, this.paused); - // Set aria state - if (utils.is.nodeList(this.elements.buttons.play)) { - Array.from(this.elements.buttons.play).forEach(button => utils.toggleState(button, this.playing)); - } + // Set ARIA state + utils.toggleState(this.elements.buttons.play, this.playing); // Toggle controls this.toggleControls(!this.playing); diff --git a/src/js/utils.js b/src/js/utils.js index c53293f4..5fa4e1ed 100644 --- a/src/js/utils.js +++ b/src/js/utils.js @@ -619,7 +619,7 @@ const utils = { // Trigger event dispatchEvent(element, type, bubbles, detail) { // Bail if no element - if (!element || !type) { + if (!utils.is.element(element) || !utils.is.string(type)) { return; } @@ -638,6 +638,12 @@ const utils = { // Toggle aria-pressed state on a toggle button // http://www.ssbbartgroup.com/blog/how-not-to-misuse-aria-states-properties-and-roles toggleState(element, input) { + // If multiple elements passed + if (utils.is.array(element) || utils.is.nodeList(element)) { + Array.from(element).forEach(target => utils.toggleState(target, input)); + return; + } + // Bail if no target if (!utils.is.element(element)) { return; |