aboutsummaryrefslogtreecommitdiffstats
path: root/dist/plyr.js
diff options
context:
space:
mode:
Diffstat (limited to 'dist/plyr.js')
-rw-r--r--dist/plyr.js495
1 files changed, 229 insertions, 266 deletions
diff --git a/dist/plyr.js b/dist/plyr.js
index 29264940..b694b070 100644
--- a/dist/plyr.js
+++ b/dist/plyr.js
@@ -95,7 +95,11 @@ var supportsPassiveListeners = function () {
function toggleListener(elements, event, callback) {
var toggle = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
var passive = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
+
+ var _this = this;
+
var capture = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+ var once = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
// Bail if no elemetns, event, or callback
if (is.empty(elements) || is.empty(event) || !is.function(callback)) {
@@ -133,6 +137,11 @@ function toggleListener(elements, event, callback) {
// If a single node is passed, bind the event listener
events.forEach(function (type) {
+ if (_this && _this.eventListeners && toggle && !once) {
+ // Cache event listener
+ _this.eventListeners.push({ elements: elements, type: type, callback: callback, options: options });
+ }
+
elements[toggle ? 'addEventListener' : 'removeEventListener'](type, callback, options);
});
}
@@ -144,7 +153,7 @@ function on(element) {
var passive = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
var capture = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
- toggleListener(element, events, callback, true, passive, capture);
+ toggleListener.call(this, element, events, callback, true, passive, capture);
}
// Unbind event handler
@@ -154,11 +163,31 @@ function off(element) {
var passive = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
var capture = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
- toggleListener(element, events, callback, false, passive, capture);
+ toggleListener.call(this, element, events, callback, false, passive, capture);
+}
+
+// Bind once-only event handler
+function once(element) {
+ var events = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+ var callback = arguments[2];
+ var passive = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+ var capture = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+
+ function onceCallback() {
+ off(element, events, onceCallback, passive, capture);
+
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+
+ callback.apply(this, args);
+ }
+
+ toggleListener(element, events, onceCallback, true, passive, capture, true);
}
// Trigger event
-function trigger(element) {
+function triggerEvent(element) {
var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
var bubbles = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
var detail = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
@@ -180,6 +209,22 @@ function trigger(element) {
element.dispatchEvent(event);
}
+// Unbind all cached event listeners
+function unbindListeners() {
+ if (this && this.eventListeners) {
+ this.eventListeners.forEach(function (item) {
+ var elements = item.elements,
+ type = item.type,
+ callback = item.callback,
+ options = item.options;
+
+ elements.removeEventListener(type, callback, options);
+ });
+
+ this.eventListeners = [];
+ }
+}
+
var classCallCheck = function (instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
@@ -744,67 +789,29 @@ var support = {
// ==========================================================================
-// Remove duplicates in an array
-function dedupe(array) {
- if (!is.array(array)) {
- return array;
- }
-
- return array.filter(function (item, index) {
- return array.indexOf(item) === index;
- });
-}
-
-// Get the closest value in an array
-function closest(array, value) {
- if (!is.array(array) || !array.length) {
- return null;
- }
-
- return array.reduce(function (prev, curr) {
- return Math.abs(curr - value) < Math.abs(prev - value) ? curr : prev;
- });
-}
-
-// ==========================================================================
-
var html5 = {
getSources: function getSources() {
- if (!this.isHTML5) {
- return null;
- }
-
- return this.media.querySelectorAll('source');
- },
-
+ var _this = this;
- // Get quality levels
- getQualityOptions: function getQualityOptions() {
if (!this.isHTML5) {
- return null;
+ return [];
}
- // Get sources
- var sources = html5.getSources.call(this);
-
- if (is.empty(sources)) {
- return null;
- }
+ var sources = Array.from(this.media.querySelectorAll('source'));
- // Get <source> with size attribute
- var sizes = Array.from(sources).filter(function (source) {
- return !is.empty(source.getAttribute('size'));
+ // Filter out unsupported sources
+ return sources.filter(function (source) {
+ return support.mime.call(_this, source.getAttribute('type'));
});
+ },
- // If none, bail
- if (is.empty(sizes)) {
- return null;
- }
- // Reduce to unique list
- return dedupe(sizes.map(function (source) {
+ // Get quality levels
+ getQualityOptions: function getQualityOptions() {
+ // Get sizes from <source> elements
+ return html5.getSources.call(this).map(function (source) {
return Number(source.getAttribute('size'));
- }));
+ }).filter(Boolean);
},
extend: function extend() {
if (!this.isHTML5) {
@@ -815,71 +822,48 @@ var html5 = {
// Quality
Object.defineProperty(player.media, 'quality', {
- get: function get() {
+ get: function get$$1() {
// Get sources
var sources = html5.getSources.call(player);
- if (is.empty(sources)) {
- return null;
- }
-
- var matches$$1 = Array.from(sources).filter(function (source) {
+ var _sources$filter = sources.filter(function (source) {
return source.getAttribute('src') === player.source;
- });
+ }),
+ _sources$filter2 = slicedToArray(_sources$filter, 1),
+ source = _sources$filter2[0];
- if (is.empty(matches$$1)) {
- return null;
- }
+ // Return size, if match is found
- return Number(matches$$1[0].getAttribute('size'));
+
+ return source && Number(source.getAttribute('size'));
},
- set: function set(input) {
+ set: function set$$1(input) {
// Get sources
var sources = html5.getSources.call(player);
- if (is.empty(sources)) {
- return;
- }
-
- // Get matches for requested size
- var matches$$1 = Array.from(sources).filter(function (source) {
+ // Get first match for requested size
+ var source = sources.find(function (source) {
return Number(source.getAttribute('size')) === input;
});
- // No matches for requested size
- if (is.empty(matches$$1)) {
+ // No matching source found
+ if (!source) {
return;
}
- // Get supported sources
- var supported = matches$$1.filter(function (source) {
- return support.mime.call(player, source.getAttribute('type'));
- });
-
- // No supported sources
- if (is.empty(supported)) {
- return;
- }
-
- // Trigger change event
- trigger.call(player, player.media, 'qualityrequested', false, {
- quality: input
- });
-
// Get current state
var currentTime = player.currentTime,
playing = player.playing;
// Set new source
- player.media.src = supported[0].getAttribute('src');
+ player.media.src = source.getAttribute('src');
// Restore time
var onLoadedMetaData = function onLoadedMetaData() {
player.currentTime = currentTime;
- player.off('loadedmetadata', onLoadedMetaData);
};
- player.on('loadedmetadata', onLoadedMetaData);
+ player.once('loadedmetadata', onLoadedMetaData);
// Load new source
player.media.load();
@@ -890,7 +874,7 @@ var html5 = {
}
// Trigger change event
- trigger.call(player, player.media, 'qualitychange', false, {
+ triggerEvent.call(player, player.media, 'qualitychange', false, {
quality: input
});
}
@@ -906,7 +890,7 @@ var html5 = {
}
// Remove child sources
- removeElement(html5.getSources());
+ removeElement(html5.getSources.call(this));
// Set blank video src attribute
// This is to prevent a MEDIA_ERR_SRC_NOT_SUPPORTED error
@@ -1103,6 +1087,30 @@ var i18n = {
// ==========================================================================
+// Remove duplicates in an array
+function dedupe(array) {
+ if (!is.array(array)) {
+ return array;
+ }
+
+ return array.filter(function (item, index) {
+ return array.indexOf(item) === index;
+ });
+}
+
+// Get the closest value in an array
+function closest(array, value) {
+ if (!is.array(array) || !array.length) {
+ return null;
+ }
+
+ return array.reduce(function (prev, curr) {
+ return Math.abs(curr - value) < Math.abs(prev - value) ? curr : prev;
+ });
+}
+
+// ==========================================================================
+
var Storage = function () {
function Storage(player) {
classCallCheck(this, Storage);
@@ -1916,7 +1924,6 @@ var controls = {
// Set the quality menu
- // TODO: Vimeo support
setQualityMenu: function setQualityMenu(options) {
var _this3 = this;
@@ -1928,9 +1935,9 @@ var controls = {
var type = 'quality';
var list = this.elements.settings.panes.quality.querySelector('ul');
- // Set options if passed and filter based on config
+ // Set options if passed and filter based on uniqueness and config
if (is.array(options)) {
- this.options.quality = options.filter(function (quality) {
+ this.options.quality = dedupe(options).filter(function (quality) {
return _this3.config.quality.options.includes(quality);
});
}
@@ -2351,13 +2358,10 @@ var controls = {
// Revert back to auto
container.style.width = '';
container.style.height = '';
-
- // Only listen once
- off(container, transitionEndEvent, restore);
};
// Listen for the transition finishing and restore auto height/width
- on(container, transitionEndEvent, restore);
+ once(container, transitionEndEvent, restore);
// Set dimensions to target
container.style.width = size.width + 'px';
@@ -2902,7 +2906,7 @@ var captions = {
// Watch changes to textTracks and update captions menu
if (this.isHTML5) {
var trackEvents = this.config.captions.update ? 'addtrack removetrack' : 'removetrack';
- on(this.media.textTracks, trackEvents, captions.update.bind(this));
+ on.call(this, this.media.textTracks, trackEvents, captions.update.bind(this));
}
// Update available languages in list next tick (the event must not be triggered before the listeners)
@@ -2933,7 +2937,7 @@ var captions = {
track.mode = 'hidden';
// Add event listener for cue changes
- on(track, 'cuechange', function () {
+ on.call(_this, track, 'cuechange', function () {
return captions.updateCues.call(_this);
});
});
@@ -3004,7 +3008,7 @@ var captions = {
}
// Trigger event
- trigger.call(this, this.media, 'languagechange');
+ triggerEvent.call(this, this.media, 'languagechange');
}
if (this.isHTML5 && this.isVideo) {
@@ -3140,7 +3144,7 @@ var captions = {
this.elements.captions.appendChild(caption);
// Trigger event
- trigger.call(this, this.media, 'cuechange');
+ triggerEvent.call(this, this.media, 'cuechange');
}
}
};
@@ -3566,7 +3570,7 @@ function onChange() {
}
// Trigger an event
- trigger.call(this.player, this.target, this.active ? 'enterfullscreen' : 'exitfullscreen', true);
+ triggerEvent.call(this.player, this.target, this.active ? 'enterfullscreen' : 'exitfullscreen', true);
// Trap focus in container
if (!browser.isIos) {
@@ -3615,13 +3619,13 @@ var Fullscreen = function () {
// Register event listeners
// Handle event (incase user presses escape etc)
- on(document, this.prefix === 'ms' ? 'MSFullscreenChange' : this.prefix + 'fullscreenchange', function () {
+ on.call(this.player, document, this.prefix === 'ms' ? 'MSFullscreenChange' : this.prefix + 'fullscreenchange', function () {
// TODO: Filter for target??
onChange.call(_this);
});
// Fullscreen toggle on double click
- on(this.player.elements.container, 'dblclick', function (event) {
+ on.call(this.player, this.player.elements.container, 'dblclick', function (event) {
// Ignore double click in controls
if (is.element(_this.player.elements.controls) && _this.player.elements.controls.contains(event.target)) {
return;
@@ -3905,7 +3909,7 @@ var ui = {
// Ready event at end of execution stack
setTimeout(function () {
- trigger.call(_this, _this.media, 'ready');
+ triggerEvent.call(_this, _this.media, 'ready');
}, 0);
// Set the title
@@ -4230,9 +4234,6 @@ var Listeners = function () {
// Add touch class
toggleClass(this.player.elements.container, this.player.config.classNames.isTouch, true);
-
- // Clean up
- off(document.body, 'touchstart', this.firstTouch);
}
// Global window & document listeners
@@ -4244,14 +4245,14 @@ var Listeners = function () {
// Keyboard shortcuts
if (this.player.config.keyboard.global) {
- toggleListener(window, 'keydown keyup', this.handleKey, toggle, false);
+ toggleListener.call(this.player, window, 'keydown keyup', this.handleKey, toggle, false);
}
// Click anywhere closes menu
- toggleListener(document.body, 'click', this.toggleMenu, toggle);
+ toggleListener.call(this.player, document.body, 'click', this.toggleMenu, toggle);
// Detect touch by events
- on(document.body, 'touchstart', this.firstTouch);
+ once(document.body, 'touchstart', this.firstTouch);
}
// Container listeners
@@ -4263,17 +4264,16 @@ var Listeners = function () {
// Keyboard shortcuts
if (!this.player.config.keyboard.global && this.player.config.keyboard.focused) {
- on(this.player.elements.container, 'keydown keyup', this.handleKey, false);
+ on.call(this.player, this.player.elements.container, 'keydown keyup', this.handleKey, false);
}
// Detect tab focus
// Remove class on blur/focusout
- on(this.player.elements.container, 'focusout', function (event) {
+ on.call(this.player, this.player.elements.container, 'focusout', function (event) {
toggleClass(event.target, _this2.player.config.classNames.tabFocus, false);
});
-
// Add classname to tabbed elements
- on(this.player.elements.container, 'keydown', function (event) {
+ on.call(this.player, this.player.elements.container, 'keydown', function (event) {
if (event.keyCode !== 9) {
return;
}
@@ -4286,7 +4286,7 @@ var Listeners = function () {
});
// Toggle controls on mouse events and entering fullscreen
- on(this.player.elements.container, 'mousemove mouseleave touchstart touchmove enterfullscreen exitfullscreen', function (event) {
+ on.call(this.player, this.player.elements.container, 'mousemove mouseleave touchstart touchmove enterfullscreen exitfullscreen', function (event) {
var controls$$1 = _this2.player.elements.controls;
// Remove button states for fullscreen
@@ -4324,24 +4324,24 @@ var Listeners = function () {
var _this3 = this;
// Time change on media
- on(this.player.media, 'timeupdate seeking seeked', function (event) {
+ on.call(this.player, this.player.media, 'timeupdate seeking seeked', function (event) {
return controls.timeUpdate.call(_this3.player, event);
});
// Display duration
- on(this.player.media, 'durationchange loadeddata loadedmetadata', function (event) {
+ on.call(this.player, this.player.media, 'durationchange loadeddata loadedmetadata', function (event) {
return controls.durationUpdate.call(_this3.player, event);
});
// Check for audio tracks on load
// We can't use `loadedmetadata` as it doesn't seem to have audio tracks at that point
- on(this.player.media, 'loadeddata canplay', function () {
+ on.call(this.player, this.player.media, 'canplay', function () {
toggleHidden(_this3.player.elements.volume, !_this3.player.hasAudio);
toggleHidden(_this3.player.elements.buttons.mute, !_this3.player.hasAudio);
});
// Handle the media finishing
- on(this.player.media, 'ended', function () {
+ on.call(this.player, this.player.media, 'ended', function () {
// Show poster on end
if (_this3.player.isHTML5 && _this3.player.isVideo && _this3.player.config.resetOnEnd) {
// Restart
@@ -4350,28 +4350,28 @@ var Listeners = function () {
});
// Check for buffer progress
- on(this.player.media, 'progress playing seeking seeked', function (event) {
+ on.call(this.player, this.player.media, 'progress playing seeking seeked', function (event) {
return controls.updateProgress.call(_this3.player, event);
});
// Handle volume changes
- on(this.player.media, 'volumechange', function (event) {
+ on.call(this.player, this.player.media, 'volumechange', function (event) {
return controls.updateVolume.call(_this3.player, event);
});
// Handle play/pause
- on(this.player.media, 'playing play pause ended emptied timeupdate', function (event) {
+ on.call(this.player, this.player.media, 'playing play pause ended emptied timeupdate', function (event) {
return ui.checkPlaying.call(_this3.player, event);
});
// Loading state
- on(this.player.media, 'waiting canplay seeked playing', function (event) {
+ on.call(this.player, this.player.media, 'waiting canplay seeked playing', function (event) {
return ui.checkLoading.call(_this3.player, event);
});
// If autoplay, then load advertisement if required
// TODO: Show some sort of loading state while the ad manager loads else there's a delay before ad shows
- on(this.player.media, 'playing', function () {
+ on.call(this.player, this.player.media, 'playing', function () {
if (!_this3.player.ads) {
return;
}
@@ -4398,7 +4398,7 @@ var Listeners = function () {
}
// On click play, pause ore restart
- on(wrapper, 'click', function () {
+ on.call(this.player, wrapper, 'click', function () {
// Touch devices will just show controls (if we're hiding controls)
if (_this3.player.config.hideControls && _this3.player.touch && !_this3.player.paused) {
return;
@@ -4417,19 +4417,19 @@ var Listeners = function () {
// Disable right click
if (this.player.supported.ui && this.player.config.disableContextMenu) {
- on(this.player.elements.wrapper, 'contextmenu', function (event) {
+ on.call(this.player, this.player.elements.wrapper, 'contextmenu', function (event) {
event.preventDefault();
}, false);
}
// Volume change
- on(this.player.media, 'volumechange', function () {
+ on.call(this.player, this.player.media, 'volumechange', function () {
// Save to storage
_this3.player.storage.set({ volume: _this3.player.volume, muted: _this3.player.muted });
});
// Speed change
- on(this.player.media, 'ratechange', function () {
+ on.call(this.player, this.player.media, 'ratechange', function () {
// Update UI
controls.updateSetting.call(_this3.player, 'speed');
@@ -4438,19 +4438,19 @@ var Listeners = function () {
});
// Quality request
- on(this.player.media, 'qualityrequested', function (event) {
+ on.call(this.player, this.player.media, 'qualityrequested', function (event) {
// Save to storage
_this3.player.storage.set({ quality: event.detail.quality });
});
// Quality change
- on(this.player.media, 'qualitychange', function (event) {
+ on.call(this.player, this.player.media, 'qualitychange', function (event) {
// Update UI
controls.updateSetting.call(_this3.player, 'quality', null, event.detail.quality);
});
// Caption language change
- on(this.player.media, 'languagechange', function () {
+ on.call(this.player, this.player.media, 'languagechange', function () {
// Update UI
controls.updateSetting.call(_this3.player, 'captions');
@@ -4459,7 +4459,7 @@ var Listeners = function () {
});
// Captions toggle
- on(this.player.media, 'captionsenabled captionsdisabled', function () {
+ on.call(this.player, this.player.media, 'captionsenabled captionsdisabled', function () {
// Update UI
controls.updateSetting.call(_this3.player, 'captions');
@@ -4469,7 +4469,7 @@ var Listeners = function () {
// Proxy events to container
// Bubble up key events for Edge
- on(this.player.media, this.player.config.events.concat(['keyup', 'keydown']).join(' '), function (event) {
+ on.call(this.player, this.player.media, this.player.config.events.concat(['keyup', 'keydown']).join(' '), function (event) {
var _event$detail = event.detail,
detail = _event$detail === undefined ? {} : _event$detail;
@@ -4479,7 +4479,7 @@ var Listeners = function () {
detail = _this3.player.media.error;
}
- trigger.call(_this3.player, _this3.player.elements.container, event.type, true, detail);
+ triggerEvent.call(_this3.player, _this3.player.elements.container, event.type, true, detail);
});
}
@@ -4517,7 +4517,7 @@ var Listeners = function () {
var customHandler = _this4.player.config.listeners[customHandlerKey];
var hasCustomHandler = is.function(customHandler);
- on(element, type, function (event) {
+ on.call(_this4.player, element, type, function (event) {
return proxy(event, defaultHandler, customHandlerKey);
}, passive && !hasCustomHandler);
};
@@ -4752,14 +4752,6 @@ var Listeners = function () {
}
}, 'volume', false);
}
-
- // Reset on destroy
-
- }, {
- key: 'clear',
- value: function clear() {
- this.global(false);
- }
}]);
return Listeners;
}();
@@ -5107,7 +5099,7 @@ function assurePlaybackState(play) {
}
if (this.media.paused === play) {
this.media.paused = !play;
- trigger.call(this, this.media, play ? 'play' : 'pause');
+ triggerEvent.call(this, this.media, play ? 'play' : 'pause');
}
}
@@ -5261,7 +5253,7 @@ var vimeo = {
// Set seeking state and trigger event
media.seeking = true;
- trigger.call(player, media, 'seeking');
+ triggerEvent.call(player, media, 'seeking');
// If paused, mute until seek is complete
Promise.resolve(restorePause && embed.setVolume(0))
@@ -5291,7 +5283,7 @@ var vimeo = {
set: function set(input) {
player.embed.setPlaybackRate(input).then(function () {
speed = input;
- trigger.call(player, player.media, 'ratechange');
+ triggerEvent.call(player, player.media, 'ratechange');
}).catch(function (error) {
// Hide menu item (and menu if empty)
if (error.name === 'Error') {
@@ -5311,7 +5303,7 @@ var vimeo = {
set: function set(input) {
player.embed.setVolume(input).then(function () {
volume = input;
- trigger.call(player, player.media, 'volumechange');
+ triggerEvent.call(player, player.media, 'volumechange');
});
}
});
@@ -5328,7 +5320,7 @@ var vimeo = {
player.embed.setVolume(toggle ? 0 : player.config.volume).then(function () {
muted = toggle;
- trigger.call(player, player.media, 'volumechange');
+ triggerEvent.call(player, player.media, 'volumechange');
});
}
});
@@ -5390,13 +5382,13 @@ var vimeo = {
// Get current time
player.embed.getCurrentTime().then(function (value) {
currentTime = value;
- trigger.call(player, player.media, 'timeupdate');
+ triggerEvent.call(player, player.media, 'timeupdate');
});
// Get duration
player.embed.getDuration().then(function (value) {
player.media.duration = value;
- trigger.call(player, player.media, 'durationchange');
+ triggerEvent.call(player, player.media, 'durationchange');
});
// Get captions
@@ -5420,7 +5412,7 @@ var vimeo = {
player.embed.getPaused().then(function (paused) {
assurePlaybackState.call(player, !paused);
if (!paused) {
- trigger.call(player, player.media, 'playing');
+ triggerEvent.call(player, player.media, 'playing');
}
});
@@ -5435,7 +5427,7 @@ var vimeo = {
player.embed.on('play', function () {
assurePlaybackState.call(player, true);
- trigger.call(player, player.media, 'playing');
+ triggerEvent.call(player, player.media, 'playing');
});
player.embed.on('pause', function () {
@@ -5445,16 +5437,16 @@ var vimeo = {
player.embed.on('timeupdate', function (data) {
player.media.seeking = false;
currentTime = data.seconds;
- trigger.call(player, player.media, 'timeupdate');
+ triggerEvent.call(player, player.media, 'timeupdate');
});
player.embed.on('progress', function (data) {
player.media.buffered = data.percent;
- trigger.call(player, player.media, 'progress');
+ triggerEvent.call(player, player.media, 'progress');
// Check all loaded
if (parseInt(data.percent, 10) === 1) {
- trigger.call(player, player.media, 'canplaythrough');
+ triggerEvent.call(player, player.media, 'canplaythrough');
}
// Get duration as if we do it before load, it gives an incorrect value
@@ -5462,24 +5454,24 @@ var vimeo = {
player.embed.getDuration().then(function (value) {
if (value !== player.media.duration) {
player.media.duration = value;
- trigger.call(player, player.media, 'durationchange');
+ triggerEvent.call(player, player.media, 'durationchange');
}
});
});
player.embed.on('seeked', function () {
player.media.seeking = false;
- trigger.call(player, player.media, 'seeked');
+ triggerEvent.call(player, player.media, 'seeked');
});
player.embed.on('ended', function () {
player.media.paused = true;
- trigger.call(player, player.media, 'ended');
+ triggerEvent.call(player, player.media, 'ended');
});
player.embed.on('error', function (detail) {
player.media.error = detail;
- trigger.call(player, player.media, 'error');
+ triggerEvent.call(player, player.media, 'error');
});
// Rebuild UI
@@ -5503,52 +5495,29 @@ function parseId$1(url) {
// Standardise YouTube quality unit
function mapQualityUnit(input) {
- switch (input) {
- case 'hd2160':
- return 2160;
-
- case 2160:
- return 'hd2160';
-
- case 'hd1440':
- return 1440;
-
- case 1440:
- return 'hd1440';
-
- case 'hd1080':
- return 1080;
-
- case 1080:
- return 'hd1080';
-
- case 'hd720':
- return 720;
-
- case 720:
- return 'hd720';
-
- case 'large':
- return 480;
-
- case 480:
- return 'large';
-
- case 'medium':
- return 360;
-
- case 360:
- return 'medium';
-
- case 'small':
- return 240;
+ var qualities = {
+ hd2160: 2160,
+ hd1440: 1440,
+ hd1080: 1080,
+ hd720: 720,
+ large: 480,
+ medium: 360,
+ small: 240,
+ tiny: 144
+ };
- case 240:
- return 'small';
+ var entry = Object.entries(qualities).find(function (entry) {
+ return entry.includes(input);
+ });
- default:
- return 'default';
+ if (entry) {
+ // Get the match corresponding to the input
+ return entry.find(function (value) {
+ return value !== input;
+ });
}
+
+ return 'default';
}
function mapQualityUnits(levels) {
@@ -5568,7 +5537,7 @@ function assurePlaybackState$1(play) {
}
if (this.media.paused === play) {
this.media.paused = !play;
- trigger.call(this, this.media, play ? 'play' : 'pause');
+ triggerEvent.call(this, this.media, play ? 'play' : 'pause');
}
}
@@ -5756,10 +5725,10 @@ var youtube = {
player.media.error = detail;
- trigger.call(player, player.media, 'error');
+ triggerEvent.call(player, player.media, 'error');
},
onPlaybackQualityChange: function onPlaybackQualityChange() {
- trigger.call(player, player.media, 'qualitychange', false, {
+ triggerEvent.call(player, player.media, 'qualitychange', false, {
quality: player.media.quality
});
},
@@ -5770,7 +5739,7 @@ var youtube = {
// Get current speed
player.media.playbackRate = instance.getPlaybackRate();
- trigger.call(player, player.media, 'ratechange');
+ triggerEvent.call(player, player.media, 'ratechange');
},
onReady: function onReady(event) {
// Get the instance
@@ -5811,7 +5780,7 @@ var youtube = {
// Set seeking state and trigger event
player.media.seeking = true;
- trigger.call(player, player.media, 'seeking');
+ triggerEvent.call(player, player.media, 'seeking');
// Seek after events sent
instance.seekTo(time);
@@ -5834,15 +5803,7 @@ var youtube = {
return mapQualityUnit(instance.getPlaybackQuality());
},
set: function set(input) {
- var quality = input;
-
- // Set via API
- instance.setPlaybackQuality(mapQualityUnit(quality));
-
- // Trigger request event
- trigger.call(player, player.media, 'qualityrequested', false, {
- quality: quality
- });
+ instance.setPlaybackQuality(mapQualityUnit(input));
}
});
@@ -5856,7 +5817,7 @@ var youtube = {
set: function set(input) {
volume = input;
instance.setVolume(volume * 100);
- trigger.call(player, player.media, 'volumechange');
+ triggerEvent.call(player, player.media, 'volumechange');
}
});
@@ -5871,7 +5832,7 @@ var youtube = {
var toggle = is.boolean(input) ? input : muted;
muted = toggle;
instance[toggle ? 'mute' : 'unMute']();
- trigger.call(player, player.media, 'volumechange');
+ triggerEvent.call(player, player.media, 'volumechange');
}
});
@@ -5897,8 +5858,8 @@ var youtube = {
player.media.setAttribute('tabindex', -1);
}
- trigger.call(player, player.media, 'timeupdate');
- trigger.call(player, player.media, 'durationchange');
+ triggerEvent.call(player, player.media, 'timeupdate');
+ triggerEvent.call(player, player.media, 'durationchange');
// Reset timer
clearInterval(player.timers.buffering);
@@ -5910,7 +5871,7 @@ var youtube = {
// Trigger progress only when we actually buffer something
if (player.media.lastBuffered === null || player.media.lastBuffered < player.media.buffered) {
- trigger.call(player, player.media, 'progress');
+ triggerEvent.call(player, player.media, 'progress');
}
// Set last buffer point
@@ -5921,7 +5882,7 @@ var youtube = {
clearInterval(player.timers.buffering);
// Trigger event
- trigger.call(player, player.media, 'canplaythrough');
+ triggerEvent.call(player, player.media, 'canplaythrough');
}
}, 200);
@@ -5942,7 +5903,7 @@ var youtube = {
if (seeked) {
// Unset seeking and fire seeked event
player.media.seeking = false;
- trigger.call(player, player.media, 'seeked');
+ triggerEvent.call(player, player.media, 'seeked');
}
// Handle events
@@ -5955,11 +5916,11 @@ var youtube = {
switch (event.data) {
case -1:
// Update scrubber
- trigger.call(player, player.media, 'timeupdate');
+ triggerEvent.call(player, player.media, 'timeupdate');
// Get loaded % from YouTube
player.media.buffered = instance.getVideoLoadedFraction();
- trigger.call(player, player.media, 'progress');
+ triggerEvent.call(player, player.media, 'progress');
break;
@@ -5972,7 +5933,7 @@ var youtube = {
instance.stopVideo();
instance.playVideo();
} else {
- trigger.call(player, player.media, 'ended');
+ triggerEvent.call(player, player.media, 'ended');
}
break;
@@ -5984,11 +5945,11 @@ var youtube = {
} else {
assurePlaybackState$1.call(player, true);
- trigger.call(player, player.media, 'playing');
+ triggerEvent.call(player, player.media, 'playing');
// Poll to get playback progress
player.timers.playing = setInterval(function () {
- trigger.call(player, player.media, 'timeupdate');
+ triggerEvent.call(player, player.media, 'timeupdate');
}, 50);
// Check duration again due to YouTube bug
@@ -5996,7 +5957,7 @@ var youtube = {
// https://code.google.com/p/gdata-issues/issues/detail?id=8690
if (player.media.duration !== instance.getDuration()) {
player.media.duration = instance.getDuration();
- trigger.call(player, player.media, 'durationchange');
+ triggerEvent.call(player, player.media, 'durationchange');
}
// Get quality
@@ -6018,7 +5979,7 @@ var youtube = {
break;
}
- trigger.call(player, player.elements.container, 'statechange', false, {
+ triggerEvent.call(player, player.elements.container, 'statechange', false, {
code: event.data
});
}
@@ -6375,7 +6336,7 @@ var Ads = function () {
// Proxy event
var dispatchEvent = function dispatchEvent(type) {
var event = 'ads' + type.replace(/_/g, '').toLowerCase();
- trigger.call(_this7.player, _this7.player.media, event);
+ triggerEvent.call(_this7.player, _this7.player.media, event);
};
switch (event.type) {
@@ -6664,7 +6625,7 @@ var Ads = function () {
}, {
key: 'trigger',
- value: function trigger$$1(event) {
+ value: function trigger(event) {
var _this11 = this;
for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -7051,7 +7012,7 @@ var Plyr = function () {
this.elements.container.className = '';
// Get attributes from URL and set config
- if (!url.searchParams) {
+ if (url.searchParams.length) {
var truthy = ['1', 'true'];
if (truthy.includes(url.searchParams.get('autoplay'))) {
@@ -7126,6 +7087,8 @@ var Plyr = function () {
return;
}
+ this.eventListeners = [];
+
// Create listeners
this.listeners = new Listeners(this);
@@ -7152,7 +7115,7 @@ var Plyr = function () {
// Listen for events if debugging
if (this.config.debug) {
- on(this.elements.container, this.config.events.join(' '), function (event) {
+ on.call(this, this.elements.container, this.config.events.join(' '), function (event) {
_this.debug.log('event: ' + event.type);
});
}
@@ -7351,7 +7314,7 @@ var Plyr = function () {
// Update state and trigger event
if (active !== this.captions.active) {
this.captions.active = active;
- trigger.call(this, this.media, this.captions.active ? 'captionsenabled' : 'captionsdisabled');
+ triggerEvent.call(this, this.media, this.captions.active ? 'captionsenabled' : 'captionsdisabled');
}
}
@@ -7401,7 +7364,7 @@ var Plyr = function () {
// Trigger event on change
if (hiding !== isHidden) {
var eventName = hiding ? 'controlshidden' : 'controlsshown';
- trigger.call(this, this.media, eventName);
+ triggerEvent.call(this, this.media, eventName);
}
return !hiding;
}
@@ -7417,9 +7380,19 @@ var Plyr = function () {
}, {
key: 'on',
value: function on$$1(event, callback) {
- on(this.elements.container, event, callback);
+ on.call(this, this.elements.container, event, callback);
}
+ /**
+ * Add event listeners once
+ * @param {string} event - Event type
+ * @param {function} callback - Callback for when event occurs
+ */
+ }, {
+ key: 'once',
+ value: function once$$1(event, callback) {
+ once(this.elements.container, event, callback);
+ }
/**
* Remove event listeners
* @param {string} event - Event type
@@ -7480,13 +7453,13 @@ var Plyr = function () {
}
} else {
// Unbind listeners
- _this2.listeners.clear();
+ unbindListeners.call(_this2);
// Replace the container with the original element provided
replaceElement(_this2.elements.original, _this2.elements.container);
// Event
- trigger.call(_this2, _this2.elements.original, 'destroyed', true);
+ triggerEvent.call(_this2, _this2.elements.original, 'destroyed', true);
// Callback
if (is.function(callback)) {
@@ -7878,36 +7851,26 @@ var Plyr = function () {
}, {
key: 'quality',
set: function set$$1(input) {
- var quality = null;
+ var config = this.config.quality;
+ var options = this.options.quality;
- if (!is.empty(input)) {
- quality = Number(input);
- }
-
- if (!is.number(quality)) {
- quality = this.storage.get('quality');
- }
-
- if (!is.number(quality)) {
- quality = this.config.quality.selected;
- }
-
- if (!is.number(quality)) {
- quality = this.config.quality.default;
- }
-
- if (!this.options.quality.length) {
+ if (!options.length) {
return;
}
- if (!this.options.quality.includes(quality)) {
- var value = closest(this.options.quality, quality);
+ var quality = [!is.empty(input) && Number(input), this.storage.get('quality'), config.selected, config.default].find(is.number);
+
+ if (!options.includes(quality)) {
+ var value = closest(options, quality);
this.debug.warn('Unsupported quality option: ' + quality + ', using ' + value + ' instead');
quality = value;
}
+ // Trigger request event
+ triggerEvent.call(this, this.media, 'qualityrequested', false, { quality: quality });
+
// Update config
- this.config.quality.selected = quality;
+ config.selected = quality;
// Set quality
this.media.quality = quality;
@@ -8136,8 +8099,8 @@ var Plyr = function () {
}, {
key: 'loadSprite',
- value: function loadSprite(url, id) {
- return loadScript(url, id);
+ value: function loadSprite$$1(url, id) {
+ return loadSprite(url, id);
}
/**