to hide the standard controls and UI\n\n\t if (this.isVimeo && this.supported.ui) {\n\t var height = 240;\n\t var offset = (height - padding) / (height / 50);\n\t this.media.style.transform = \"translateY(-\".concat(offset, \"%)\");\n\t }\n\n\t return {\n\t padding: padding,\n\t ratio: ratio\n\t };\n\t}\n\n\tvar Listeners =\n\t/*#__PURE__*/\n\tfunction () {\n\t function Listeners(player) {\n\t _classCallCheck(this, Listeners);\n\n\t this.player = player;\n\t this.lastKey = null;\n\t this.focusTimer = null;\n\t this.lastKeyDown = null;\n\t this.handleKey = this.handleKey.bind(this);\n\t this.toggleMenu = this.toggleMenu.bind(this);\n\t this.setTabFocus = this.setTabFocus.bind(this);\n\t this.firstTouch = this.firstTouch.bind(this);\n\t } // Handle key presses\n\n\n\t _createClass(Listeners, [{\n\t key: \"handleKey\",\n\t value: function handleKey(event) {\n\t var player = this.player;\n\t var elements = player.elements;\n\t var code = event.keyCode ? event.keyCode : event.which;\n\t var pressed = event.type === 'keydown';\n\t var repeat = pressed && code === this.lastKey; // Bail if a modifier key is set\n\n\t if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {\n\t return;\n\t } // If the event is bubbled from the media element\n\t // Firefox doesn't get the keycode for whatever reason\n\n\n\t if (!is$1.number(code)) {\n\t return;\n\t } // Seek by the number keys\n\n\n\t var seekByKey = function seekByKey() {\n\t // Divide the max duration into 10th's and times by the number value\n\t player.currentTime = player.duration / 10 * (code - 48);\n\t }; // Handle the key on keydown\n\t // Reset on keyup\n\n\n\t if (pressed) {\n\t // Check focused element\n\t // and if the focused element is not editable (e.g. text input)\n\t // and any that accept key input http://webaim.org/techniques/keyboard/\n\t var focused = document.activeElement;\n\n\t if (is$1.element(focused)) {\n\t var editable = player.config.selectors.editable;\n\t var seek = elements.inputs.seek;\n\n\t if (focused !== seek && matches$1(focused, editable)) {\n\t return;\n\t }\n\n\t if (event.which === 32 && matches$1(focused, 'button, [role^=\"menuitem\"]')) {\n\t return;\n\t }\n\t } // Which keycodes should we prevent default\n\n\n\t var preventDefault = [32, 37, 38, 39, 40, 48, 49, 50, 51, 52, 53, 54, 56, 57, 67, 70, 73, 75, 76, 77, 79]; // If the code is found prevent default (e.g. prevent scrolling for arrows)\n\n\t if (preventDefault.includes(code)) {\n\t event.preventDefault();\n\t event.stopPropagation();\n\t }\n\n\t switch (code) {\n\t case 48:\n\t case 49:\n\t case 50:\n\t case 51:\n\t case 52:\n\t case 53:\n\t case 54:\n\t case 55:\n\t case 56:\n\t case 57:\n\t // 0-9\n\t if (!repeat) {\n\t seekByKey();\n\t }\n\n\t break;\n\n\t case 32:\n\t case 75:\n\t // Space and K key\n\t if (!repeat) {\n\t player.togglePlay();\n\t }\n\n\t break;\n\n\t case 38:\n\t // Arrow up\n\t player.increaseVolume(0.1);\n\t break;\n\n\t case 40:\n\t // Arrow down\n\t player.decreaseVolume(0.1);\n\t break;\n\n\t case 77:\n\t // M key\n\t if (!repeat) {\n\t player.muted = !player.muted;\n\t }\n\n\t break;\n\n\t case 39:\n\t // Arrow forward\n\t player.forward();\n\t break;\n\n\t case 37:\n\t // Arrow back\n\t player.rewind();\n\t break;\n\n\t case 70:\n\t // F key\n\t player.fullscreen.toggle();\n\t break;\n\n\t case 67:\n\t // C key\n\t if (!repeat) {\n\t player.toggleCaptions();\n\t }\n\n\t break;\n\n\t case 76:\n\t // L key\n\t player.loop = !player.loop;\n\t break;\n\n\t /* case 73:\n\t this.setLoop('start');\n\t break;\n\t case 76:\n\t this.setLoop();\n\t break;\n\t case 79:\n\t this.setLoop('end');\n\t break; */\n\n\t default:\n\t break;\n\t } // Escape is handle natively when in full screen\n\t // So we only need to worry about non native\n\n\n\t if (code === 27 && !player.fullscreen.usingNative && player.fullscreen.active) {\n\t player.fullscreen.toggle();\n\t } // Store last code for next cycle\n\n\n\t this.lastKey = code;\n\t } else {\n\t this.lastKey = null;\n\t }\n\t } // Toggle menu\n\n\t }, {\n\t key: \"toggleMenu\",\n\t value: function toggleMenu(event) {\n\t controls.toggleMenu.call(this.player, event);\n\t } // Device is touch enabled\n\n\t }, {\n\t key: \"firstTouch\",\n\t value: function firstTouch() {\n\t var player = this.player;\n\t var elements = player.elements;\n\t player.touch = true; // Add touch class\n\n\t toggleClass(elements.container, player.config.classNames.isTouch, true);\n\t }\n\t }, {\n\t key: \"setTabFocus\",\n\t value: function setTabFocus(event) {\n\t var player = this.player;\n\t var elements = player.elements;\n\t clearTimeout(this.focusTimer); // Ignore any key other than tab\n\n\t if (event.type === 'keydown' && event.which !== 9) {\n\t return;\n\t } // Store reference to event timeStamp\n\n\n\t if (event.type === 'keydown') {\n\t this.lastKeyDown = event.timeStamp;\n\t } // Remove current classes\n\n\n\t var removeCurrent = function removeCurrent() {\n\t var className = player.config.classNames.tabFocus;\n\t var current = getElements.call(player, \".\".concat(className));\n\t toggleClass(current, className, false);\n\t }; // Determine if a key was pressed to trigger this event\n\n\n\t var wasKeyDown = event.timeStamp - this.lastKeyDown <= 20; // Ignore focus events if a key was pressed prior\n\n\t if (event.type === 'focus' && !wasKeyDown) {\n\t return;\n\t } // Remove all current\n\n\n\t removeCurrent(); // Delay the adding of classname until the focus has changed\n\t // This event fires before the focusin event\n\n\t this.focusTimer = setTimeout(function () {\n\t var focused = document.activeElement; // Ignore if current focus element isn't inside the player\n\n\t if (!elements.container.contains(focused)) {\n\t return;\n\t }\n\n\t toggleClass(document.activeElement, player.config.classNames.tabFocus, true);\n\t }, 10);\n\t } // Global window & document listeners\n\n\t }, {\n\t key: \"global\",\n\t value: function global() {\n\t var toggle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n\t var player = this.player; // Keyboard shortcuts\n\n\t if (player.config.keyboard.global) {\n\t toggleListener.call(player, window, 'keydown keyup', this.handleKey, toggle, false);\n\t } // Click anywhere closes menu\n\n\n\t toggleListener.call(player, document.body, 'click', this.toggleMenu, toggle); // Detect touch by events\n\n\t once.call(player, document.body, 'touchstart', this.firstTouch); // Tab focus detection\n\n\t toggleListener.call(player, document.body, 'keydown focus blur', this.setTabFocus, toggle, false, true);\n\t } // Container listeners\n\n\t }, {\n\t key: \"container\",\n\t value: function container() {\n\t var player = this.player;\n\t var config = player.config,\n\t elements = player.elements,\n\t timers = player.timers; // Keyboard shortcuts\n\n\t if (!config.keyboard.global && config.keyboard.focused) {\n\t on.call(player, elements.container, 'keydown keyup', this.handleKey, false);\n\t } // Toggle controls on mouse events and entering fullscreen\n\n\n\t on.call(player, elements.container, 'mousemove mouseleave touchstart touchmove enterfullscreen exitfullscreen', function (event) {\n\t var controls$$1 = elements.controls; // Remove button states for fullscreen\n\n\t if (controls$$1 && event.type === 'enterfullscreen') {\n\t controls$$1.pressed = false;\n\t controls$$1.hover = false;\n\t } // Show, then hide after a timeout unless another control event occurs\n\n\n\t var show = ['touchstart', 'touchmove', 'mousemove'].includes(event.type);\n\t var delay = 0;\n\n\t if (show) {\n\t ui.toggleControls.call(player, true); // Use longer timeout for touch devices\n\n\t delay = player.touch ? 3000 : 2000;\n\t } // Clear timer\n\n\n\t clearTimeout(timers.controls); // Set new timer to prevent flicker when seeking\n\n\t timers.controls = setTimeout(function () {\n\t return ui.toggleControls.call(player, false);\n\t }, delay);\n\t }); // Force edge to repaint on exit fullscreen\n\t // TODO: Fix weird bug where Edge doesn't re-draw when exiting fullscreen\n\n\t /* if (browser.isEdge) {\n\t on.call(player, elements.container, 'exitfullscreen', () => {\n\t setTimeout(() => repaint(elements.container), 100);\n\t });\n\t } */\n\t // Set a gutter for Vimeo\n\n\t var setGutter = function setGutter(ratio, padding, toggle) {\n\t if (!player.isVimeo) {\n\t return;\n\t }\n\n\t var target = player.elements.wrapper.firstChild;\n\n\t var _ratio$split$map = ratio.split(':').map(Number),\n\t _ratio$split$map2 = _slicedToArray(_ratio$split$map, 2),\n\t height = _ratio$split$map2[1];\n\n\t var _player$embed$ratio$s = player.embed.ratio.split(':').map(Number),\n\t _player$embed$ratio$s2 = _slicedToArray(_player$embed$ratio$s, 2),\n\t videoWidth = _player$embed$ratio$s2[0],\n\t videoHeight = _player$embed$ratio$s2[1];\n\n\t target.style.maxWidth = toggle ? \"\".concat(height / videoHeight * videoWidth, \"px\") : null;\n\t target.style.margin = toggle ? '0 auto' : null;\n\t }; // Resize on fullscreen change\n\n\n\t var setPlayerSize = function setPlayerSize(measure) {\n\t // If we don't need to measure the viewport\n\t if (!measure) {\n\t return setAspectRatio.call(player);\n\t }\n\n\t var rect = elements.container.getBoundingClientRect();\n\t var width = rect.width,\n\t height = rect.height;\n\t return setAspectRatio.call(player, \"\".concat(width, \":\").concat(height));\n\t };\n\n\t var resized = function resized() {\n\t window.clearTimeout(timers.resized);\n\t timers.resized = window.setTimeout(setPlayerSize, 50);\n\t };\n\n\t on.call(player, elements.container, 'enterfullscreen exitfullscreen', function (event) {\n\t var _player$fullscreen = player.fullscreen,\n\t target = _player$fullscreen.target,\n\t usingNative = _player$fullscreen.usingNative; // Ignore for iOS native\n\n\t if (!player.isEmbed || target !== elements.container) {\n\t return;\n\t }\n\n\t var isEnter = event.type === 'enterfullscreen'; // Set the player size when entering fullscreen to viewport size\n\n\t var _setPlayerSize = setPlayerSize(isEnter),\n\t padding = _setPlayerSize.padding,\n\t ratio = _setPlayerSize.ratio; // Set Vimeo gutter\n\n\n\t setGutter(ratio, padding, isEnter); // If not using native fullscreen, we need to check for resizes of viewport\n\n\t if (!usingNative) {\n\t if (isEnter) {\n\t on.call(player, window, 'resize', resized);\n\t } else {\n\t off.call(player, window, 'resize', resized);\n\t }\n\t }\n\t });\n\t } // Listen for media events\n\n\t }, {\n\t key: \"media\",\n\t value: function media() {\n\t var _this = this;\n\n\t var player = this.player;\n\t var elements = player.elements; // Time change on media\n\n\t on.call(player, player.media, 'timeupdate seeking seeked', function (event) {\n\t return controls.timeUpdate.call(player, event);\n\t }); // Display duration\n\n\t on.call(player, player.media, 'durationchange loadeddata loadedmetadata', function (event) {\n\t return controls.durationUpdate.call(player, event);\n\t }); // Check for audio tracks on load\n\t // We can't use `loadedmetadata` as it doesn't seem to have audio tracks at that point\n\n\t on.call(player, player.media, 'canplay loadeddata', function () {\n\t toggleHidden(elements.volume, !player.hasAudio);\n\t toggleHidden(elements.buttons.mute, !player.hasAudio);\n\t }); // Handle the media finishing\n\n\t on.call(player, player.media, 'ended', function () {\n\t // Show poster on end\n\t if (player.isHTML5 && player.isVideo && player.config.resetOnEnd) {\n\t // Restart\n\t player.restart();\n\t }\n\t }); // Check for buffer progress\n\n\t on.call(player, player.media, 'progress playing seeking seeked', function (event) {\n\t return controls.updateProgress.call(player, event);\n\t }); // Handle volume changes\n\n\t on.call(player, player.media, 'volumechange', function (event) {\n\t return controls.updateVolume.call(player, event);\n\t }); // Handle play/pause\n\n\t on.call(player, player.media, 'playing play pause ended emptied timeupdate', function (event) {\n\t return ui.checkPlaying.call(player, event);\n\t }); // Loading state\n\n\t on.call(player, player.media, 'waiting canplay seeked playing', function (event) {\n\t return ui.checkLoading.call(player, event);\n\t }); // Click video\n\n\t if (player.supported.ui && player.config.clickToPlay && !player.isAudio) {\n\t // Re-fetch the wrapper\n\t var wrapper = getElement.call(player, \".\".concat(player.config.classNames.video)); // Bail if there's no wrapper (this should never happen)\n\n\t if (!is$1.element(wrapper)) {\n\t return;\n\t } // On click play, pause or restart\n\n\n\t on.call(player, elements.container, 'click', function (event) {\n\t var targets = [elements.container, wrapper]; // Ignore if click if not container or in video wrapper\n\n\t if (!targets.includes(event.target) && !wrapper.contains(event.target)) {\n\t return;\n\t } // Touch devices will just show controls (if hidden)\n\n\n\t if (player.touch && player.config.hideControls) {\n\t return;\n\t }\n\n\t if (player.ended) {\n\t _this.proxy(event, player.restart, 'restart');\n\n\t _this.proxy(event, player.play, 'play');\n\t } else {\n\t _this.proxy(event, player.togglePlay, 'play');\n\t }\n\t });\n\t } // Disable right click\n\n\n\t if (player.supported.ui && player.config.disableContextMenu) {\n\t on.call(player, elements.wrapper, 'contextmenu', function (event) {\n\t event.preventDefault();\n\t }, false);\n\t } // Volume change\n\n\n\t on.call(player, player.media, 'volumechange', function () {\n\t // Save to storage\n\t player.storage.set({\n\t volume: player.volume,\n\t muted: player.muted\n\t });\n\t }); // Speed change\n\n\t on.call(player, player.media, 'ratechange', function () {\n\t // Update UI\n\t controls.updateSetting.call(player, 'speed'); // Save to storage\n\n\n\t player.storage.set({\n\t speed: player.speed\n\t });\n\t }); // Quality change\n\n\t on.call(player, player.media, 'qualitychange', function (event) {\n\t // Update UI\n\t controls.updateSetting.call(player, 'quality', null, event.detail.quality);\n\t }); // Update download link when ready and if quality changes\n\n\t on.call(player, player.media, 'ready qualitychange', function () {\n\t controls.setDownloadLink.call(player);\n\t }); // Proxy events to container\n\t // Bubble up key events for Edge\n\n\t var proxyEvents = player.config.events.concat(['keyup', 'keydown']).join(' ');\n\t on.call(player, player.media, proxyEvents, function (event) {\n\t var _event$detail = event.detail,\n\t detail = _event$detail === void 0 ? {} : _event$detail; // Get error details from media\n\n\t if (event.type === 'error') {\n\t detail = player.media.error;\n\t }\n\n\t triggerEvent.call(player, elements.container, event.type, true, detail);\n\t });\n\t } // Run default and custom handlers\n\n\t }, {\n\t key: \"proxy\",\n\t value: function proxy(event, defaultHandler, customHandlerKey) {\n\t var player = this.player;\n\t var customHandler = player.config.listeners[customHandlerKey];\n\t var hasCustomHandler = is$1.function(customHandler);\n\t var returned = true; // Execute custom handler\n\n\t if (hasCustomHandler) {\n\t returned = customHandler.call(player, event);\n\t } // Only call default handler if not prevented in custom handler\n\n\n\t if (returned && is$1.function(defaultHandler)) {\n\t defaultHandler.call(player, event);\n\t }\n\t } // Trigger custom and default handlers\n\n\t }, {\n\t key: \"bind\",\n\t value: function bind(element, type, defaultHandler, customHandlerKey) {\n\t var _this2 = this;\n\n\t var passive = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;\n\t var player = this.player;\n\t var customHandler = player.config.listeners[customHandlerKey];\n\t var hasCustomHandler = is$1.function(customHandler);\n\t on.call(player, element, type, function (event) {\n\t return _this2.proxy(event, defaultHandler, customHandlerKey);\n\t }, passive && !hasCustomHandler);\n\t } // Listen for control events\n\n\t }, {\n\t key: \"controls\",\n\t value: function controls$$1() {\n\t var _this3 = this;\n\n\t var player = this.player;\n\t var elements = player.elements; // IE doesn't support input event, so we fallback to change\n\n\t var inputEvent = browser.isIE ? 'change' : 'input'; // Play/pause toggle\n\n\t if (elements.buttons.play) {\n\t Array.from(elements.buttons.play).forEach(function (button) {\n\t _this3.bind(button, 'click', player.togglePlay, 'play');\n\t });\n\t } // Pause\n\n\n\t this.bind(elements.buttons.restart, 'click', player.restart, 'restart'); // Rewind\n\n\t this.bind(elements.buttons.rewind, 'click', player.rewind, 'rewind'); // Rewind\n\n\t this.bind(elements.buttons.fastForward, 'click', player.forward, 'fastForward'); // Mute toggle\n\n\t this.bind(elements.buttons.mute, 'click', function () {\n\t player.muted = !player.muted;\n\t }, 'mute'); // Captions toggle\n\n\t this.bind(elements.buttons.captions, 'click', function () {\n\t return player.toggleCaptions();\n\t }); // Download\n\n\t this.bind(elements.buttons.download, 'click', function () {\n\t triggerEvent.call(player, player.media, 'download');\n\t }, 'download'); // Fullscreen toggle\n\n\t this.bind(elements.buttons.fullscreen, 'click', function () {\n\t player.fullscreen.toggle();\n\t }, 'fullscreen'); // Picture-in-Picture\n\n\t this.bind(elements.buttons.pip, 'click', function () {\n\t player.pip = 'toggle';\n\t }, 'pip'); // Airplay\n\n\t this.bind(elements.buttons.airplay, 'click', player.airplay, 'airplay'); // Settings menu - click toggle\n\n\t this.bind(elements.buttons.settings, 'click', function (event) {\n\t // Prevent the document click listener closing the menu\n\t event.stopPropagation();\n\n\t controls.toggleMenu.call(player, event);\n\t }); // Settings menu - keyboard toggle\n\t // We have to bind to keyup otherwise Firefox triggers a click when a keydown event handler shifts focus\n\t // https://bugzilla.mozilla.org/show_bug.cgi?id=1220143\n\n\t this.bind(elements.buttons.settings, 'keyup', function (event) {\n\t var code = event.which; // We only care about space and return\n\n\t if (![13, 32].includes(code)) {\n\t return;\n\t } // Because return triggers a click anyway, all we need to do is set focus\n\n\n\t if (code === 13) {\n\t controls.focusFirstMenuItem.call(player, null, true);\n\n\t return;\n\t } // Prevent scroll\n\n\n\t event.preventDefault(); // Prevent playing video (Firefox)\n\n\t event.stopPropagation(); // Toggle menu\n\n\t controls.toggleMenu.call(player, event);\n\t }, null, false // Can't be passive as we're preventing default\n\t ); // Escape closes menu\n\n\t this.bind(elements.settings.menu, 'keydown', function (event) {\n\t if (event.which === 27) {\n\t controls.toggleMenu.call(player, event);\n\t }\n\t }); // Set range input alternative \"value\", which matches the tooltip time (#954)\n\n\t this.bind(elements.inputs.seek, 'mousedown mousemove', function (event) {\n\t var rect = elements.progress.getBoundingClientRect();\n\t var percent = 100 / rect.width * (event.pageX - rect.left);\n\t event.currentTarget.setAttribute('seek-value', percent);\n\t }); // Pause while seeking\n\n\t this.bind(elements.inputs.seek, 'mousedown mouseup keydown keyup touchstart touchend', function (event) {\n\t var seek = event.currentTarget;\n\t var code = event.keyCode ? event.keyCode : event.which;\n\t var attribute = 'play-on-seeked';\n\n\t if (is$1.keyboardEvent(event) && code !== 39 && code !== 37) {\n\t return;\n\t } // Record seek time so we can prevent hiding controls for a few seconds after seek\n\n\n\t player.lastSeekTime = Date.now(); // Was playing before?\n\n\t var play = seek.hasAttribute(attribute); // Done seeking\n\n\t var done = ['mouseup', 'touchend', 'keyup'].includes(event.type); // If we're done seeking and it was playing, resume playback\n\n\t if (play && done) {\n\t seek.removeAttribute(attribute);\n\t player.play();\n\t } else if (!done && player.playing) {\n\t seek.setAttribute(attribute, '');\n\t player.pause();\n\t }\n\t }); // Fix range inputs on iOS\n\t // Super weird iOS bug where after you interact with an
,\n\t // it takes over further interactions on the page. This is a hack\n\n\t if (browser.isIos) {\n\t var inputs = getElements.call(player, 'input[type=\"range\"]');\n\t Array.from(inputs).forEach(function (input) {\n\t return _this3.bind(input, inputEvent, function (event) {\n\t return repaint(event.target);\n\t });\n\t });\n\t } // Seek\n\n\n\t this.bind(elements.inputs.seek, inputEvent, function (event) {\n\t var seek = event.currentTarget; // If it exists, use seek-value instead of \"value\" for consistency with tooltip time (#954)\n\n\t var seekTo = seek.getAttribute('seek-value');\n\n\t if (is$1.empty(seekTo)) {\n\t seekTo = seek.value;\n\t }\n\n\t seek.removeAttribute('seek-value');\n\t player.currentTime = seekTo / seek.max * player.duration;\n\t }, 'seek'); // Seek tooltip\n\n\t this.bind(elements.progress, 'mouseenter mouseleave mousemove', function (event) {\n\t return controls.updateSeekTooltip.call(player, event);\n\t }); // Preview thumbnails plugin\n\t // TODO: Really need to work on some sort of plug-in wide event bus or pub-sub for this\n\n\t this.bind(elements.progress, 'mousemove touchmove', function (event) {\n\t var previewThumbnails = player.previewThumbnails;\n\n\t if (previewThumbnails && previewThumbnails.loaded) {\n\t previewThumbnails.startMove(event);\n\t }\n\t }); // Hide thumbnail preview - on mouse click, mouse leave, and video play/seek. All four are required, e.g., for buffering\n\n\t this.bind(elements.progress, 'mouseleave click', function () {\n\t var previewThumbnails = player.previewThumbnails;\n\n\t if (previewThumbnails && previewThumbnails.loaded) {\n\t previewThumbnails.endMove(false, true);\n\t }\n\t }); // Show scrubbing preview\n\n\t this.bind(elements.progress, 'mousedown touchstart', function (event) {\n\t var previewThumbnails = player.previewThumbnails;\n\n\t if (previewThumbnails && previewThumbnails.loaded) {\n\t previewThumbnails.startScrubbing(event);\n\t }\n\t });\n\t this.bind(elements.progress, 'mouseup touchend', function (event) {\n\t var previewThumbnails = player.previewThumbnails;\n\n\t if (previewThumbnails && previewThumbnails.loaded) {\n\t previewThumbnails.endScrubbing(event);\n\t }\n\t }); // Polyfill for lower fill in
for webkit\n\n\t if (browser.isWebkit) {\n\t Array.from(getElements.call(player, 'input[type=\"range\"]')).forEach(function (element) {\n\t _this3.bind(element, 'input', function (event) {\n\t return controls.updateRangeFill.call(player, event.target);\n\t });\n\t });\n\t } // Current time invert\n\t // Only if one time element is used for both currentTime and duration\n\n\n\t if (player.config.toggleInvert && !is$1.element(elements.display.duration)) {\n\t this.bind(elements.display.currentTime, 'click', function () {\n\t // Do nothing if we're at the start\n\t if (player.currentTime === 0) {\n\t return;\n\t }\n\n\t player.config.invertTime = !player.config.invertTime;\n\n\t controls.timeUpdate.call(player);\n\t });\n\t } // Volume\n\n\n\t this.bind(elements.inputs.volume, inputEvent, function (event) {\n\t player.volume = event.target.value;\n\t }, 'volume'); // Update controls.hover state (used for ui.toggleControls to avoid hiding when interacting)\n\n\t this.bind(elements.controls, 'mouseenter mouseleave', function (event) {\n\t elements.controls.hover = !player.touch && event.type === 'mouseenter';\n\t }); // Update controls.pressed state (used for ui.toggleControls to avoid hiding when interacting)\n\n\t this.bind(elements.controls, 'mousedown mouseup touchstart touchend touchcancel', function (event) {\n\t elements.controls.pressed = ['mousedown', 'touchstart'].includes(event.type);\n\t }); // Show controls when they receive focus (e.g., when using keyboard tab key)\n\n\t this.bind(elements.controls, 'focusin', function () {\n\t var config = player.config,\n\t elements = player.elements,\n\t timers = player.timers; // Skip transition to prevent focus from scrolling the parent element\n\n\t toggleClass(elements.controls, config.classNames.noTransition, true); // Toggle\n\n\t ui.toggleControls.call(player, true); // Restore transition\n\n\t setTimeout(function () {\n\t toggleClass(elements.controls, config.classNames.noTransition, false);\n\t }, 0); // Delay a little more for mouse users\n\n\t var delay = _this3.touch ? 3000 : 4000; // Clear timer\n\n\t clearTimeout(timers.controls); // Hide again after delay\n\n\t timers.controls = setTimeout(function () {\n\t return ui.toggleControls.call(player, false);\n\t }, delay);\n\t }); // Mouse wheel for volume\n\n\t this.bind(elements.inputs.volume, 'wheel', function (event) {\n\t // Detect \"natural\" scroll - suppored on OS X Safari only\n\t // Other browsers on OS X will be inverted until support improves\n\t var inverted = event.webkitDirectionInvertedFromDevice; // Get delta from event. Invert if `inverted` is true\n\n\t var _map = [event.deltaX, -event.deltaY].map(function (value) {\n\t return inverted ? -value : value;\n\t }),\n\t _map2 = _slicedToArray(_map, 2),\n\t x = _map2[0],\n\t y = _map2[1]; // Using the biggest delta, normalize to 1 or -1 (or 0 if no delta)\n\n\n\t var direction = Math.sign(Math.abs(x) > Math.abs(y) ? x : y); // Change the volume by 2%\n\n\t player.increaseVolume(direction / 50); // Don't break page scrolling at max and min\n\n\t var volume = player.media.volume;\n\n\t if (direction === 1 && volume < 1 || direction === -1 && volume > 0) {\n\t event.preventDefault();\n\t }\n\t }, 'volume', false);\n\t }\n\t }]);\n\n\t return Listeners;\n\t}();\n\n\tvar loadjs_umd = createCommonjsModule(function (module, exports) {\n\t(function(root, factory) {\n\t {\n\t module.exports = factory();\n\t }\n\t}(commonjsGlobal, function() {\n\t/**\n\t * Global dependencies.\n\t * @global {Object} document - DOM\n\t */\n\n\tvar devnull = function() {},\n\t bundleIdCache = {},\n\t bundleResultCache = {},\n\t bundleCallbackQueue = {};\n\n\n\t/**\n\t * Subscribe to bundle load event.\n\t * @param {string[]} bundleIds - Bundle ids\n\t * @param {Function} callbackFn - The callback function\n\t */\n\tfunction subscribe(bundleIds, callbackFn) {\n\t // listify\n\t bundleIds = bundleIds.push ? bundleIds : [bundleIds];\n\n\t var depsNotFound = [],\n\t i = bundleIds.length,\n\t numWaiting = i,\n\t fn,\n\t bundleId,\n\t r,\n\t q;\n\n\t // define callback function\n\t fn = function (bundleId, pathsNotFound) {\n\t if (pathsNotFound.length) depsNotFound.push(bundleId);\n\n\t numWaiting--;\n\t if (!numWaiting) callbackFn(depsNotFound);\n\t };\n\n\t // register callback\n\t while (i--) {\n\t bundleId = bundleIds[i];\n\n\t // execute callback if in result cache\n\t r = bundleResultCache[bundleId];\n\t if (r) {\n\t fn(bundleId, r);\n\t continue;\n\t }\n\n\t // add to callback queue\n\t q = bundleCallbackQueue[bundleId] = bundleCallbackQueue[bundleId] || [];\n\t q.push(fn);\n\t }\n\t}\n\n\n\t/**\n\t * Publish bundle load event.\n\t * @param {string} bundleId - Bundle id\n\t * @param {string[]} pathsNotFound - List of files not found\n\t */\n\tfunction publish(bundleId, pathsNotFound) {\n\t // exit if id isn't defined\n\t if (!bundleId) return;\n\n\t var q = bundleCallbackQueue[bundleId];\n\n\t // cache result\n\t bundleResultCache[bundleId] = pathsNotFound;\n\n\t // exit if queue is empty\n\t if (!q) return;\n\n\t // empty callback queue\n\t while (q.length) {\n\t q[0](bundleId, pathsNotFound);\n\t q.splice(0, 1);\n\t }\n\t}\n\n\n\t/**\n\t * Execute callbacks.\n\t * @param {Object or Function} args - The callback args\n\t * @param {string[]} depsNotFound - List of dependencies not found\n\t */\n\tfunction executeCallbacks(args, depsNotFound) {\n\t // accept function as argument\n\t if (args.call) args = {success: args};\n\n\t // success and error callbacks\n\t if (depsNotFound.length) (args.error || devnull)(depsNotFound);\n\t else (args.success || devnull)(args);\n\t}\n\n\n\t/**\n\t * Load individual file.\n\t * @param {string} path - The file path\n\t * @param {Function} callbackFn - The callback function\n\t */\n\tfunction loadFile(path, callbackFn, args, numTries) {\n\t var doc = document,\n\t async = args.async,\n\t maxTries = (args.numRetries || 0) + 1,\n\t beforeCallbackFn = args.before || devnull,\n\t pathStripped = path.replace(/^(css|img)!/, ''),\n\t isCss,\n\t e;\n\n\t numTries = numTries || 0;\n\n\t if (/(^css!|\\.css$)/.test(path)) {\n\t isCss = true;\n\n\t // css\n\t e = doc.createElement('link');\n\t e.rel = 'stylesheet';\n\t e.href = pathStripped; //.replace(/^css!/, ''); // remove \"css!\" prefix\n\t } else if (/(^img!|\\.(png|gif|jpg|svg)$)/.test(path)) {\n\t // image\n\t e = doc.createElement('img');\n\t e.src = pathStripped; \n\t } else {\n\t // javascript\n\t e = doc.createElement('script');\n\t e.src = path;\n\t e.async = async === undefined ? true : async;\n\t }\n\n\t e.onload = e.onerror = e.onbeforeload = function (ev) {\n\t var result = ev.type[0];\n\n\t // Note: The following code isolates IE using `hideFocus` and treats empty\n\t // stylesheets as failures to get around lack of onerror support\n\t if (isCss && 'hideFocus' in e) {\n\t try {\n\t if (!e.sheet.cssText.length) result = 'e';\n\t } catch (x) {\n\t // sheets objects created from load errors don't allow access to\n\t // `cssText` (unless error is Code:18 SecurityError)\n\t if (x.code != 18) result = 'e';\n\t }\n\t }\n\n\t // handle retries in case of load failure\n\t if (result == 'e') {\n\t // increment counter\n\t numTries += 1;\n\n\t // exit function and try again\n\t if (numTries < maxTries) {\n\t return loadFile(path, callbackFn, args, numTries);\n\t }\n\t }\n\n\t // execute callback\n\t callbackFn(path, result, ev.defaultPrevented);\n\t };\n\n\t // add to document (unless callback returns `false`)\n\t if (beforeCallbackFn(path, e) !== false) doc.head.appendChild(e);\n\t}\n\n\n\t/**\n\t * Load multiple files.\n\t * @param {string[]} paths - The file paths\n\t * @param {Function} callbackFn - The callback function\n\t */\n\tfunction loadFiles(paths, callbackFn, args) {\n\t // listify paths\n\t paths = paths.push ? paths : [paths];\n\n\t var numWaiting = paths.length,\n\t x = numWaiting,\n\t pathsNotFound = [],\n\t fn,\n\t i;\n\n\t // define callback function\n\t fn = function(path, result, defaultPrevented) {\n\t // handle error\n\t if (result == 'e') pathsNotFound.push(path);\n\n\t // handle beforeload event. If defaultPrevented then that means the load\n\t // will be blocked (ex. Ghostery/ABP on Safari)\n\t if (result == 'b') {\n\t if (defaultPrevented) pathsNotFound.push(path);\n\t else return;\n\t }\n\n\t numWaiting--;\n\t if (!numWaiting) callbackFn(pathsNotFound);\n\t };\n\n\t // load scripts\n\t for (i=0; i < x; i++) loadFile(paths[i], fn, args);\n\t}\n\n\n\t/**\n\t * Initiate script load and register bundle.\n\t * @param {(string|string[])} paths - The file paths\n\t * @param {(string|Function)} [arg1] - The bundleId or success callback\n\t * @param {Function} [arg2] - The success or error callback\n\t * @param {Function} [arg3] - The error callback\n\t */\n\tfunction loadjs(paths, arg1, arg2) {\n\t var bundleId,\n\t args;\n\n\t // bundleId (if string)\n\t if (arg1 && arg1.trim) bundleId = arg1;\n\n\t // args (default is {})\n\t args = (bundleId ? arg2 : arg1) || {};\n\n\t // throw error if bundle is already defined\n\t if (bundleId) {\n\t if (bundleId in bundleIdCache) {\n\t throw \"LoadJS\";\n\t } else {\n\t bundleIdCache[bundleId] = true;\n\t }\n\t }\n\n\t // load scripts\n\t loadFiles(paths, function (pathsNotFound) {\n\t // execute callbacks\n\t executeCallbacks(args, pathsNotFound);\n\n\t // publish bundle load event\n\t publish(bundleId, pathsNotFound);\n\t }, args);\n\t}\n\n\n\t/**\n\t * Execute callbacks when dependencies have been satisfied.\n\t * @param {(string|string[])} deps - List of bundle ids\n\t * @param {Object} args - success/error arguments\n\t */\n\tloadjs.ready = function ready(deps, args) {\n\t // subscribe to bundle load event\n\t subscribe(deps, function (depsNotFound) {\n\t // execute callbacks\n\t executeCallbacks(args, depsNotFound);\n\t });\n\n\t return loadjs;\n\t};\n\n\n\t/**\n\t * Manually satisfy bundle dependencies.\n\t * @param {string} bundleId - The bundle id\n\t */\n\tloadjs.done = function done(bundleId) {\n\t publish(bundleId, []);\n\t};\n\n\n\t/**\n\t * Reset loadjs dependencies statuses\n\t */\n\tloadjs.reset = function reset() {\n\t bundleIdCache = {};\n\t bundleResultCache = {};\n\t bundleCallbackQueue = {};\n\t};\n\n\n\t/**\n\t * Determine if bundle has already been defined\n\t * @param String} bundleId - The bundle id\n\t */\n\tloadjs.isDefined = function isDefined(bundleId) {\n\t return bundleId in bundleIdCache;\n\t};\n\n\n\t// export\n\treturn loadjs;\n\n\t}));\n\t});\n\n\t// ==========================================================================\n\tfunction loadScript(url) {\n\t return new Promise(function (resolve, reject) {\n\t loadjs_umd(url, {\n\t success: resolve,\n\t error: reject\n\t });\n\t });\n\t}\n\n\tfunction parseId(url) {\n\t if (is$1.empty(url)) {\n\t return null;\n\t }\n\n\t if (is$1.number(Number(url))) {\n\t return url;\n\t }\n\n\t var regex = /^.*(vimeo.com\\/|video\\/)(\\d+).*/;\n\t return url.match(regex) ? RegExp.$2 : url;\n\t} // Set playback state and trigger change (only on actual change)\n\n\n\tfunction assurePlaybackState(play) {\n\t if (play && !this.embed.hasPlayed) {\n\t this.embed.hasPlayed = true;\n\t }\n\n\t if (this.media.paused === play) {\n\t this.media.paused = !play;\n\t triggerEvent.call(this, this.media, play ? 'play' : 'pause');\n\t }\n\t}\n\n\tvar vimeo = {\n\t setup: function setup() {\n\t var _this = this;\n\n\t // Add embed class for responsive\n\t toggleClass(this.elements.wrapper, this.config.classNames.embed, true); // Set intial ratio\n\n\t setAspectRatio.call(this); // Load the API if not already\n\n\t if (!is$1.object(window.Vimeo)) {\n\t loadScript(this.config.urls.vimeo.sdk).then(function () {\n\t vimeo.ready.call(_this);\n\t }).catch(function (error) {\n\t _this.debug.warn('Vimeo API failed to load', error);\n\t });\n\t } else {\n\t vimeo.ready.call(this);\n\t }\n\t },\n\t // API Ready\n\t ready: function ready$$1() {\n\t var _this2 = this;\n\n\t var player = this;\n\t var config = player.config.vimeo; // Get Vimeo params for the iframe\n\n\t var params = buildUrlParams(extend({}, {\n\t loop: player.config.loop.active,\n\t autoplay: player.autoplay,\n\t muted: player.muted,\n\t gesture: 'media',\n\t playsinline: !this.config.fullscreen.iosNative\n\t }, config)); // Get the source URL or ID\n\n\t var source = player.media.getAttribute('src'); // Get from
if needed\n\n\t if (is$1.empty(source)) {\n\t source = player.media.getAttribute(player.config.attributes.embed.id);\n\t }\n\n\t var id = parseId(source); // Build an iframe\n\n\t var iframe = createElement('iframe');\n\t var src = format(player.config.urls.vimeo.iframe, id, params);\n\t iframe.setAttribute('src', src);\n\t iframe.setAttribute('allowfullscreen', '');\n\t iframe.setAttribute('allowtransparency', '');\n\t iframe.setAttribute('allow', 'autoplay'); // Get poster, if already set\n\n\t var poster = player.poster; // Inject the package\n\n\t var wrapper = createElement('div', {\n\t poster: poster,\n\t class: player.config.classNames.embedContainer\n\t });\n\t wrapper.appendChild(iframe);\n\t player.media = replaceElement(wrapper, player.media); // Get poster image\n\n\t fetch(format(player.config.urls.vimeo.api, id), 'json').then(function (response) {\n\t if (is$1.empty(response)) {\n\t return;\n\t } // Get the URL for thumbnail\n\n\n\t var url = new URL(response[0].thumbnail_large); // Get original image\n\n\t url.pathname = \"\".concat(url.pathname.split('_')[0], \".jpg\"); // Set and show poster\n\n\t ui.setPoster.call(player, url.href).catch(function () {});\n\t }); // Setup instance\n\t // https://github.com/vimeo/player.js\n\n\t player.embed = new window.Vimeo.Player(iframe, {\n\t autopause: player.config.autopause,\n\t muted: player.muted\n\t });\n\t player.media.paused = true;\n\t player.media.currentTime = 0; // Disable native text track rendering\n\n\t if (player.supported.ui) {\n\t player.embed.disableTextTrack();\n\t } // Create a faux HTML5 API using the Vimeo API\n\n\n\t player.media.play = function () {\n\t assurePlaybackState.call(player, true);\n\t return player.embed.play();\n\t };\n\n\t player.media.pause = function () {\n\t assurePlaybackState.call(player, false);\n\t return player.embed.pause();\n\t };\n\n\t player.media.stop = function () {\n\t player.pause();\n\t player.currentTime = 0;\n\t }; // Seeking\n\n\n\t var currentTime = player.media.currentTime;\n\t Object.defineProperty(player.media, 'currentTime', {\n\t get: function get() {\n\t return currentTime;\n\t },\n\t set: function set(time) {\n\t // Vimeo will automatically play on seek if the video hasn't been played before\n\t // Get current paused state and volume etc\n\t var embed = player.embed,\n\t media = player.media,\n\t paused = player.paused,\n\t volume = player.volume;\n\t var restorePause = paused && !embed.hasPlayed; // Set seeking state and trigger event\n\n\t media.seeking = true;\n\t triggerEvent.call(player, media, 'seeking'); // If paused, mute until seek is complete\n\n\t Promise.resolve(restorePause && embed.setVolume(0)) // Seek\n\t .then(function () {\n\t return embed.setCurrentTime(time);\n\t }) // Restore paused\n\t .then(function () {\n\t return restorePause && embed.pause();\n\t }) // Restore volume\n\t .then(function () {\n\t return restorePause && embed.setVolume(volume);\n\t }).catch(function () {// Do nothing\n\t });\n\t }\n\t }); // Playback speed\n\n\t var speed = player.config.speed.selected;\n\t Object.defineProperty(player.media, 'playbackRate', {\n\t get: function get() {\n\t return speed;\n\t },\n\t set: function set(input) {\n\t player.embed.setPlaybackRate(input).then(function () {\n\t speed = input;\n\t triggerEvent.call(player, player.media, 'ratechange');\n\t }).catch(function (error) {\n\t // Hide menu item (and menu if empty)\n\t if (error.name === 'Error') {\n\t controls.setSpeedMenu.call(player, []);\n\t }\n\t });\n\t }\n\t }); // Volume\n\n\t var volume = player.config.volume;\n\t Object.defineProperty(player.media, 'volume', {\n\t get: function get() {\n\t return volume;\n\t },\n\t set: function set(input) {\n\t player.embed.setVolume(input).then(function () {\n\t volume = input;\n\t triggerEvent.call(player, player.media, 'volumechange');\n\t });\n\t }\n\t }); // Muted\n\n\t var muted = player.config.muted;\n\t Object.defineProperty(player.media, 'muted', {\n\t get: function get() {\n\t return muted;\n\t },\n\t set: function set(input) {\n\t var toggle = is$1.boolean(input) ? input : false;\n\t player.embed.setVolume(toggle ? 0 : player.config.volume).then(function () {\n\t muted = toggle;\n\t triggerEvent.call(player, player.media, 'volumechange');\n\t });\n\t }\n\t }); // Loop\n\n\t var loop = player.config.loop;\n\t Object.defineProperty(player.media, 'loop', {\n\t get: function get() {\n\t return loop;\n\t },\n\t set: function set(input) {\n\t var toggle = is$1.boolean(input) ? input : player.config.loop.active;\n\t player.embed.setLoop(toggle).then(function () {\n\t loop = toggle;\n\t });\n\t }\n\t }); // Source\n\n\t var currentSrc;\n\t player.embed.getVideoUrl().then(function (value) {\n\t currentSrc = value;\n\t controls.setDownloadLink.call(player);\n\t }).catch(function (error) {\n\t _this2.debug.warn(error);\n\t });\n\t Object.defineProperty(player.media, 'currentSrc', {\n\t get: function get() {\n\t return currentSrc;\n\t }\n\t }); // Ended\n\n\t Object.defineProperty(player.media, 'ended', {\n\t get: function get() {\n\t return player.currentTime === player.duration;\n\t }\n\t }); // Set aspect ratio based on video size\n\n\t Promise.all([player.embed.getVideoWidth(), player.embed.getVideoHeight()]).then(function (dimensions) {\n\t var _dimensions = _slicedToArray(dimensions, 2),\n\t width = _dimensions[0],\n\t height = _dimensions[1];\n\n\t player.embed.ratio = \"\".concat(width, \":\").concat(height);\n\t setAspectRatio.call(_this2, player.embed.ratio);\n\t }); // Set autopause\n\n\t player.embed.setAutopause(player.config.autopause).then(function (state) {\n\t player.config.autopause = state;\n\t }); // Get title\n\n\t player.embed.getVideoTitle().then(function (title) {\n\t player.config.title = title;\n\t ui.setTitle.call(_this2);\n\t }); // Get current time\n\n\t player.embed.getCurrentTime().then(function (value) {\n\t currentTime = value;\n\t triggerEvent.call(player, player.media, 'timeupdate');\n\t }); // Get duration\n\n\t player.embed.getDuration().then(function (value) {\n\t player.media.duration = value;\n\t triggerEvent.call(player, player.media, 'durationchange');\n\t }); // Get captions\n\n\t player.embed.getTextTracks().then(function (tracks) {\n\t player.media.textTracks = tracks;\n\t captions.setup.call(player);\n\t });\n\t player.embed.on('cuechange', function (_ref) {\n\t var _ref$cues = _ref.cues,\n\t cues = _ref$cues === void 0 ? [] : _ref$cues;\n\t var strippedCues = cues.map(function (cue) {\n\t return stripHTML(cue.text);\n\t });\n\t captions.updateCues.call(player, strippedCues);\n\t });\n\t player.embed.on('loaded', function () {\n\t // Assure state and events are updated on autoplay\n\t player.embed.getPaused().then(function (paused) {\n\t assurePlaybackState.call(player, !paused);\n\n\t if (!paused) {\n\t triggerEvent.call(player, player.media, 'playing');\n\t }\n\t });\n\n\t if (is$1.element(player.embed.element) && player.supported.ui) {\n\t var frame = player.embed.element; // Fix keyboard focus issues\n\t // https://github.com/sampotts/plyr/issues/317\n\n\t frame.setAttribute('tabindex', -1);\n\t }\n\t });\n\t player.embed.on('play', function () {\n\t assurePlaybackState.call(player, true);\n\t triggerEvent.call(player, player.media, 'playing');\n\t });\n\t player.embed.on('pause', function () {\n\t assurePlaybackState.call(player, false);\n\t });\n\t player.embed.on('timeupdate', function (data) {\n\t player.media.seeking = false;\n\t currentTime = data.seconds;\n\t triggerEvent.call(player, player.media, 'timeupdate');\n\t });\n\t player.embed.on('progress', function (data) {\n\t player.media.buffered = data.percent;\n\t triggerEvent.call(player, player.media, 'progress'); // Check all loaded\n\n\t if (parseInt(data.percent, 10) === 1) {\n\t triggerEvent.call(player, player.media, 'canplaythrough');\n\t } // Get duration as if we do it before load, it gives an incorrect value\n\t // https://github.com/sampotts/plyr/issues/891\n\n\n\t player.embed.getDuration().then(function (value) {\n\t if (value !== player.media.duration) {\n\t player.media.duration = value;\n\t triggerEvent.call(player, player.media, 'durationchange');\n\t }\n\t });\n\t });\n\t player.embed.on('seeked', function () {\n\t player.media.seeking = false;\n\t triggerEvent.call(player, player.media, 'seeked');\n\t });\n\t player.embed.on('ended', function () {\n\t player.media.paused = true;\n\t triggerEvent.call(player, player.media, 'ended');\n\t });\n\t player.embed.on('error', function (detail) {\n\t player.media.error = detail;\n\t triggerEvent.call(player, player.media, 'error');\n\t }); // Rebuild UI\n\n\t setTimeout(function () {\n\t return ui.build.call(player);\n\t }, 0);\n\t }\n\t};\n\n\t// ==========================================================================\n\n\tfunction parseId$1(url) {\n\t if (is$1.empty(url)) {\n\t return null;\n\t }\n\n\t var regex = /^.*(youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|&v=)([^#&?]*).*/;\n\t return url.match(regex) ? RegExp.$2 : url;\n\t} // Set playback state and trigger change (only on actual change)\n\n\n\tfunction assurePlaybackState$1(play) {\n\t if (play && !this.embed.hasPlayed) {\n\t this.embed.hasPlayed = true;\n\t }\n\n\t if (this.media.paused === play) {\n\t this.media.paused = !play;\n\t triggerEvent.call(this, this.media, play ? 'play' : 'pause');\n\t }\n\t}\n\n\tvar youtube = {\n\t setup: function setup() {\n\t var _this = this;\n\n\t // Add embed class for responsive\n\t toggleClass(this.elements.wrapper, this.config.classNames.embed, true); // Set aspect ratio\n\n\t setAspectRatio.call(this); // Setup API\n\n\t if (is$1.object(window.YT) && is$1.function(window.YT.Player)) {\n\t youtube.ready.call(this);\n\t } else {\n\t // Load the API\n\t loadScript(this.config.urls.youtube.sdk).catch(function (error) {\n\t _this.debug.warn('YouTube API failed to load', error);\n\t }); // Setup callback for the API\n\t // YouTube has it's own system of course...\n\n\t window.onYouTubeReadyCallbacks = window.onYouTubeReadyCallbacks || []; // Add to queue\n\n\t window.onYouTubeReadyCallbacks.push(function () {\n\t youtube.ready.call(_this);\n\t }); // Set callback to process queue\n\n\t window.onYouTubeIframeAPIReady = function () {\n\t window.onYouTubeReadyCallbacks.forEach(function (callback) {\n\t callback();\n\t });\n\t };\n\t }\n\t },\n\t // Get the media title\n\t getTitle: function getTitle(videoId) {\n\t var _this2 = this;\n\n\t // Try via undocumented API method first\n\t // This method disappears now and then though...\n\t // https://github.com/sampotts/plyr/issues/709\n\t if (is$1.function(this.embed.getVideoData)) {\n\t var _this$embed$getVideoD = this.embed.getVideoData(),\n\t title = _this$embed$getVideoD.title;\n\n\t if (is$1.empty(title)) {\n\t this.config.title = title;\n\t ui.setTitle.call(this);\n\t return;\n\t }\n\t } // Or via Google API\n\n\n\t var key = this.config.keys.google;\n\n\t if (is$1.string(key) && !is$1.empty(key)) {\n\t var url = format(this.config.urls.youtube.api, videoId, key);\n\t fetch(url).then(function (result) {\n\t if (is$1.object(result)) {\n\t _this2.config.title = result.items[0].snippet.title;\n\t ui.setTitle.call(_this2);\n\t }\n\t }).catch(function () {});\n\t }\n\t },\n\t // API ready\n\t ready: function ready$$1() {\n\t var player = this; // Ignore already setup (race condition)\n\n\t var currentId = player.media.getAttribute('id');\n\n\t if (!is$1.empty(currentId) && currentId.startsWith('youtube-')) {\n\t return;\n\t } // Get the source URL or ID\n\n\n\t var source = player.media.getAttribute('src'); // Get from
if needed\n\n\t if (is$1.empty(source)) {\n\t source = player.media.getAttribute(this.config.attributes.embed.id);\n\t } // Replace the