cloudinary-video-player 3.6.3-edge.5 → 3.6.3-edge.6

package/dist/chapters.js

@@ -1,6 +1,6 @@
 /*!
- * Cloudinary Video Player v3.6.3-edge.5
- * Built on 2025-12-18T16:42:03.707Z
+ * Cloudinary Video Player v3.6.3-edge.6
+ * Built on 2025-12-18T16:51:48.812Z
  * https://github.com/cloudinary/cloudinary-video-player
  */
 "use strict";

package/dist/chapters.min.js

@@ -1,6 +1,6 @@
 /*!
- * Cloudinary Video Player v3.6.3-edge.5
- * Built on 2025-12-18T16:41:48.531Z
+ * Cloudinary Video Player v3.6.3-edge.6
+ * Built on 2025-12-18T16:51:33.395Z
  * https://github.com/cloudinary/cloudinary-video-player
  */
 "use strict";(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[625],{9234:(t,e,r)=>{r.d(e,{default:()=>c});var s=r(6673),a=r.n(s),i=r(1865),o=r(2415);const n=function(){function t(t,e){return this.player=t,this.options=e,this.player.one("loadedmetadata",this.initializeChapters.bind(this)),this}return t.prototype.src=function(t){this.resetPlugin(),this.options=t,this.player.one("loadedmetadata",this.initializeChapters.bind(this))},t.prototype.detach=function(){this.resetPlugin()},t.prototype.resetPlugin=function(){this.chaptersTrack&&(this.player.$(".vjs-control-bar-chapter-display").remove(),this.player.$(".vjs-chapter-display").remove(),this.player.$$(".vjs-chapter-marker").forEach(t=>t.remove()),this.player.removeRemoteTextTrack(this.chaptersTrack),delete this.chaptersTrack)},t.prototype.getChaptersFileUrlByName=function(){const t=this.player.cloudinary.currentPublicId();if(!t)return null;const{type:e}=this.player.cloudinary.source().resourceConfig(),r=(0,i.k$)(this.player.cloudinary.cloudinaryConfig()),s="".concat(r,"/_applet_/video_service/chapters/").concat(e,"/").concat((0,o.G)(t),".vtt");return"".concat(s,"?t=").concat(Date.now())},t.prototype.initializeChapters=async function(){const t=!0===this.options?this.getChaptersFileUrlByName():this.options.url;if(t){const e={kind:"chapters",src:t,default:!0},r=this.player.addRemoteTextTrack(e);r.addEventListener("load",()=>{this.chaptersTrack=r.track,this.setupChaptersDisplays()})}else if(Object.entries(this.options).length){const t=this.player.addRemoteTextTrack({kind:"chapters",default:!0}),e=this.player.duration();Object.entries(this.options).forEach((r,s,a)=>{const i=new VTTCue(parseFloat(r[0]),parseFloat(a[s+1]?a[s+1][0]:e),r[1]);t.track.addCue(i)}),this.chaptersTrack=t.track,this.setupChaptersDisplays(),this.player.controlBar.chaptersButton&&this.player.controlBar.chaptersButton.update()}},t.prototype.setupChaptersDisplays=function(){this.setupProgressBarMarkers(),this.setupProgressBarChapter(),this.setupControlBarChapter()},t.prototype.setupControlBarChapter=function(){const t=this.player.$(".vjs-control-bar-chapter-display")||document.createElement("div");t.setAttribute("class","vjs-control-bar-chapter-display");const e=this.player.$(".vjs-control-bar .vjs-spacer");e.innerHTML="",e.classList.add("vjs-control-bar-chapter-wrapper"),e.appendChild(t),this.chaptersTrack.addEventListener("cuechange",()=>{const e=Array.from(this.chaptersTrack.activeCues);t.innerText=e.length>0?e[0].text:""})},t.prototype.setupProgressBarMarkers=function(){const t=this.player.duration(),{seekBar:e}=this.player.controlBar.progressControl;Array.from(this.chaptersTrack.cues).forEach(r=>{if(0!==r.startTime){const s=r.startTime/t*100+"%",i=a().dom.createEl("div",void 0,{class:"vjs-chapter-marker",style:"left: ".concat(s)});e.el().append(i)}})},t.prototype.setupProgressBarChapter=function(){const t=a().dom.createEl("div",void 0,{class:"vjs-chapter-display",style:"max-width: ".concat(this.player.$(".vjs-vtt-thumbnail-display")?this.player.$(".vjs-vtt-thumbnail-display").style.width:"160px")}),e=this.player.getDescendant(["controlBar","progressControl","seekBar","mouseTimeDisplay"]),r=e.getDescendant(["timeTooltip"]);r.el().parentElement.prepend(t);const s=t=>{var e;const r=t*this.player.duration(),s=Array.from((null===(e=this.chaptersTrack)||void 0===e?void 0:e.cues)||[]).find(t=>r>=t.startTime&&r<=t.endTime);return s?s.text:""};r.update=function(e,r,a){Object.getPrototypeOf(this).update.call(this,e,r,a),t.innerText=s(r)},"object"!=typeof this.player.vttThumbnails&&(e.update=function(e,s){const i=s*this.player_.duration(),o=e.width,n=t.clientWidth/2;r.updateTime(e,s,i,()=>{e.width*s<n?this.el_.style.left="".concat(n,"px"):e.width*s+n>o?this.el_.style.left="".concat(e.width-n,"px"):this.el_.style.left="".concat(e.width*s,"px")}),r.write(a().time.formatTime(i))})},t}(),c=function(t,e){e.addClass("vjs-chapters"),e.chapters=new n(e,t)}}}]);

package/dist/cld-video-player.css

@@ -1,6 +1,6 @@
 /*!
- * Cloudinary Video Player v3.6.3-edge.5
- * Built on 2025-12-18T16:42:03.707Z
+ * Cloudinary Video Player v3.6.3-edge.6
+ * Built on 2025-12-18T16:51:48.812Z
  * https://github.com/cloudinary/cloudinary-video-player
  */
 /*!*************************************************************************************************!*\

package/dist/cld-video-player.js

@@ -1,6 +1,6 @@
 /*!
- * Cloudinary Video Player v3.6.3-edge.5
- * Built on 2025-12-18T16:42:03.707Z
+ * Cloudinary Video Player v3.6.3-edge.6
+ * Built on 2025-12-18T16:51:48.812Z
  * https://github.com/cloudinary/cloudinary-video-player
  */
 /*
@@ -140,7 +140,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ \"../node_modules/video.js/dist/alt/video.core-exposed.js\");\n/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var assets_styles_components_title_bar_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! assets/styles/components/title-bar.scss */ \"./assets/styles/components/title-bar.scss\");\n/* harmony import */ var _component_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../component-utils */ \"./components/component-utils.js\");\n/* harmony import */ var _component_utils__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_component_utils__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _utils_utf8Base64__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/utf8Base64 */ \"./utils/utf8Base64.js\");\n/* harmony import */ var plugins_cloudinary_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! plugins/cloudinary/common */ \"./plugins/cloudinary/common.js\");\n\n\n\n\n\n\n// support VJS5 & VJS6 at the same time\nconst dom = (video_js__WEBPACK_IMPORTED_MODULE_0___default().dom) || (video_js__WEBPACK_IMPORTED_MODULE_0___default());\nconst Component = video_js__WEBPACK_IMPORTED_MODULE_0___default().getComponent('Component');\nclass TitleBar extends Component {\n  constructor(player) {\n    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    super(player, options);\n    this.on(player, 'cldsourcechanged', (_, _ref) => {\n      let {\n        source\n      } = _ref;\n      return this.setItem(source);\n    });\n  }\n  setItem(source) {\n    if (!source) {\n      this.setTitle('');\n      this.setDescription('');\n      return;\n    }\n    const info = source.info();\n    this.setTitle(info.title);\n    this.setDescription(info.subtitle);\n\n    // auto-fetch title/description if `true`\n    const shouldFetchTitle = source.title && source.title() === true;\n    const shouldFetchDescription = source.description && source.description() === true;\n    if (shouldFetchTitle || shouldFetchDescription) {\n      this.fetchAutoMetadata(source, shouldFetchTitle, shouldFetchDescription);\n    }\n  }\n  fetchAutoMetadata(source, fetchTitle, fetchDescription) {\n    if (source.isRawUrl) return;\n    const config = source.cloudinaryConfig();\n    const publicId = source.publicId();\n    if (!(config !== null && config !== void 0 && config.cloud_name) || !publicId) return;\n    const urlPrefix = (0,plugins_cloudinary_common__WEBPACK_IMPORTED_MODULE_4__.getCloudinaryUrlPrefix)(config);\n    const deliveryType = source.getInitOptions().type || 'upload';\n    const metadataUrl = \"\".concat(urlPrefix, \"/_applet_/video_service/video_metadata/\").concat(deliveryType, \"/\").concat((0,_utils_utf8Base64__WEBPACK_IMPORTED_MODULE_3__.utf8ToBase64)(publicId), \".json\");\n    fetch(metadataUrl, {\n      headers: {\n        'X-Cld-Video-Player-Version': \"3.6.3-edge.5\"\n      }\n    }).then(response => {\n      if (!response.ok) throw new Error(\"HTTP \".concat(response.status));\n      return response.json();\n    }).then(metadata => {\n      if (fetchTitle && metadata.title) {\n        this.setTitle(metadata.title);\n      }\n      if (fetchDescription && metadata.description) {\n        this.setDescription(metadata.description);\n      }\n    }).catch(error => {\n      console.warn(\"Failed to fetch metadata for \".concat(publicId, \":\"), error);\n    });\n  }\n  setTitle(text) {\n    const displayText = typeof text === 'string' ? text : '';\n    _component_utils__WEBPACK_IMPORTED_MODULE_2___default().setText(this.titleEl, displayText);\n    this.refresh();\n    return displayText;\n  }\n  setDescription(text) {\n    const displayText = typeof text === 'string' ? text : '';\n    _component_utils__WEBPACK_IMPORTED_MODULE_2___default().setText(this.descriptionEl, displayText);\n    this.refresh();\n    return displayText;\n  }\n  refresh() {\n    const titleValue = () => this.titleEl.innerText;\n    const descriptionValue = () => this.descriptionEl.innerText;\n    if (!titleValue() && !descriptionValue()) {\n      this.hide();\n      return;\n    }\n    this.show();\n  }\n  createEl() {\n    this.titleEl = dom.createEl('div', {\n      className: 'vjs-title-bar-title'\n    });\n    this.descriptionEl = dom.createEl('div', {\n      className: 'vjs-title-bar-subtitle'\n    });\n    const el = super.createEl('div', {\n      append: this.titleEl,\n      className: 'vjs-title-bar'\n    });\n    el.appendChild(this.titleEl);\n    el.appendChild(this.descriptionEl);\n    return el;\n  }\n}\nvideo_js__WEBPACK_IMPORTED_MODULE_0___default().registerComponent('titleBar', TitleBar);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TitleBar);\n\n//# sourceURL=webpack://cloudinary-video-player/./components/title-bar/title-bar.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ \"../node_modules/video.js/dist/alt/video.core-exposed.js\");\n/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var assets_styles_components_title_bar_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! assets/styles/components/title-bar.scss */ \"./assets/styles/components/title-bar.scss\");\n/* harmony import */ var _component_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../component-utils */ \"./components/component-utils.js\");\n/* harmony import */ var _component_utils__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_component_utils__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _utils_utf8Base64__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/utf8Base64 */ \"./utils/utf8Base64.js\");\n/* harmony import */ var plugins_cloudinary_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! plugins/cloudinary/common */ \"./plugins/cloudinary/common.js\");\n\n\n\n\n\n\n// support VJS5 & VJS6 at the same time\nconst dom = (video_js__WEBPACK_IMPORTED_MODULE_0___default().dom) || (video_js__WEBPACK_IMPORTED_MODULE_0___default());\nconst Component = video_js__WEBPACK_IMPORTED_MODULE_0___default().getComponent('Component');\nclass TitleBar extends Component {\n  constructor(player) {\n    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    super(player, options);\n    this.on(player, 'cldsourcechanged', (_, _ref) => {\n      let {\n        source\n      } = _ref;\n      return this.setItem(source);\n    });\n  }\n  setItem(source) {\n    if (!source) {\n      this.setTitle('');\n      this.setDescription('');\n      return;\n    }\n    const info = source.info();\n    this.setTitle(info.title);\n    this.setDescription(info.subtitle);\n\n    // auto-fetch title/description if `true`\n    const shouldFetchTitle = source.title && source.title() === true;\n    const shouldFetchDescription = source.description && source.description() === true;\n    if (shouldFetchTitle || shouldFetchDescription) {\n      this.fetchAutoMetadata(source, shouldFetchTitle, shouldFetchDescription);\n    }\n  }\n  fetchAutoMetadata(source, fetchTitle, fetchDescription) {\n    if (source.isRawUrl) return;\n    const config = source.cloudinaryConfig();\n    const publicId = source.publicId();\n    if (!(config !== null && config !== void 0 && config.cloud_name) || !publicId) return;\n    const urlPrefix = (0,plugins_cloudinary_common__WEBPACK_IMPORTED_MODULE_4__.getCloudinaryUrlPrefix)(config);\n    const deliveryType = source.getInitOptions().type || 'upload';\n    const metadataUrl = \"\".concat(urlPrefix, \"/_applet_/video_service/video_metadata/\").concat(deliveryType, \"/\").concat((0,_utils_utf8Base64__WEBPACK_IMPORTED_MODULE_3__.utf8ToBase64)(publicId), \".json\");\n    fetch(metadataUrl, {\n      headers: {\n        'X-Cld-Video-Player-Version': \"3.6.3-edge.6\"\n      }\n    }).then(response => {\n      if (!response.ok) throw new Error(\"HTTP \".concat(response.status));\n      return response.json();\n    }).then(metadata => {\n      if (fetchTitle && metadata.title) {\n        this.setTitle(metadata.title);\n      }\n      if (fetchDescription && metadata.description) {\n        this.setDescription(metadata.description);\n      }\n    }).catch(error => {\n      console.warn(\"Failed to fetch metadata for \".concat(publicId, \":\"), error);\n    });\n  }\n  setTitle(text) {\n    const displayText = typeof text === 'string' ? text : '';\n    _component_utils__WEBPACK_IMPORTED_MODULE_2___default().setText(this.titleEl, displayText);\n    this.refresh();\n    return displayText;\n  }\n  setDescription(text) {\n    const displayText = typeof text === 'string' ? text : '';\n    _component_utils__WEBPACK_IMPORTED_MODULE_2___default().setText(this.descriptionEl, displayText);\n    this.refresh();\n    return displayText;\n  }\n  refresh() {\n    const titleValue = () => this.titleEl.innerText;\n    const descriptionValue = () => this.descriptionEl.innerText;\n    if (!titleValue() && !descriptionValue()) {\n      this.hide();\n      return;\n    }\n    this.show();\n  }\n  createEl() {\n    this.titleEl = dom.createEl('div', {\n      className: 'vjs-title-bar-title'\n    });\n    this.descriptionEl = dom.createEl('div', {\n      className: 'vjs-title-bar-subtitle'\n    });\n    const el = super.createEl('div', {\n      append: this.titleEl,\n      className: 'vjs-title-bar'\n    });\n    el.appendChild(this.titleEl);\n    el.appendChild(this.descriptionEl);\n    return el;\n  }\n}\nvideo_js__WEBPACK_IMPORTED_MODULE_0___default().registerComponent('titleBar', TitleBar);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TitleBar);\n\n//# sourceURL=webpack://cloudinary-video-player/./components/title-bar/title-bar.js?");
 
 /***/ }),
 
@@ -250,7 +250,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isPlainObject */ \"../node_modules/lodash/isPlainObject.js\");\n/* harmony import */ var lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var cloudinary_video_analytics__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! cloudinary-video-analytics */ \"../node_modules/cloudinary-video-analytics/dist/main.js\");\n/* harmony import */ var cloudinary_video_analytics__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(cloudinary_video_analytics__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _utils_consts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/consts */ \"./utils/consts.js\");\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n\n\n\nclass CloudinaryAnalytics {\n  constructor(player, options) {\n    _defineProperty(this, \"getMetadata\", () => ({\n      cloudName: this.player.cloudinary.cloudinaryConfig().cloud_name,\n      publicId: this.player.cloudinary.currentPublicId()\n    }));\n    _defineProperty(this, \"sourceChanged\", (e, _ref) => {\n      let {\n        source\n      } = _ref;\n      const metadata = this.getMetadata();\n      if (metadata.cloudName && metadata.publicId) {\n        const isLiveStream = (source === null || source === void 0 ? void 0 : source.resourceConfig().type) === 'live';\n        this.currentVideoMetadata = metadata;\n        this.cloudinaryAnalytics.startManualTracking(_objectSpread(_objectSpread({}, metadata), isLiveStream ? {\n          type: 'live'\n        } : {}), _objectSpread(_objectSpread({}, lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_0___default()(this.analyticsOptions) ? this.analyticsOptions : {}), {}, {\n          videoPlayerType: 'cloudinary video player',\n          videoPlayerVersion: \"3.6.3-edge.5\"\n        }));\n      } else if (this.currentVideoMetadata.cloudName !== metadata.cloudName || this.currentVideoMetadata.publicId !== metadata.publicId) {\n        this.cloudinaryAnalytics.stopManualTracking();\n      }\n    });\n    _defineProperty(this, \"getCloudinaryVideoPlayerAdapter\", () => {\n      const createCldVPEventListener = (eventName, callback) => {\n        this.player.on(eventName, callback);\n        return () => {\n          this.player.off(eventName, callback);\n        };\n      };\n      return {\n        onCanPlay: callback => createCldVPEventListener('canplay', callback),\n        onCanPlayThrough: callback => createCldVPEventListener('canplaythrough', callback),\n        onComplete: callback => createCldVPEventListener('complete', callback),\n        onDurationChange: callback => createCldVPEventListener('durationchange', callback),\n        onEmptied: callback => createCldVPEventListener('emptied', callback),\n        onEnded: callback => createCldVPEventListener('ended', callback),\n        onError: callback => createCldVPEventListener('error', callback),\n        onLoadedData: callback => createCldVPEventListener('loadeddata', callback),\n        onLoadedMetadata: callback => createCldVPEventListener('loadedmetadata', callback),\n        onLoadStart: callback => createCldVPEventListener('loadstart', callback),\n        onPause: callback => createCldVPEventListener('pause', callback),\n        onPlay: callback => createCldVPEventListener('play', callback),\n        onPlaying: callback => createCldVPEventListener('playing', callback),\n        onProgress: callback => createCldVPEventListener('progress', callback),\n        onRateChange: callback => createCldVPEventListener('ratechange', callback),\n        onSeeked: callback => createCldVPEventListener('seeked', callback),\n        onSeeking: callback => createCldVPEventListener('seeking', callback),\n        onStalled: callback => createCldVPEventListener('stalled', callback),\n        onSuspend: callback => createCldVPEventListener('suspend', callback),\n        onTimeUpdate: callback => createCldVPEventListener('timeupdate', callback),\n        onVolumeChange: callback => createCldVPEventListener('volumechange', callback),\n        onWaiting: callback => createCldVPEventListener('waiting', callback),\n        getCurrentSrc: () => this.player.videoElement.currentSrc,\n        getCurrentTime: () => this.player.currentTime(),\n        getReadyState: () => this.player.videoElement.readyState,\n        getDuration: () => this.player.duration()\n      };\n    });\n    this.player = player;\n    this.cloudinaryAnalytics = (0,cloudinary_video_analytics__WEBPACK_IMPORTED_MODULE_1__.connectCloudinaryAnalytics)(this.player.videoElement, {\n      playerAdapter: this.getCloudinaryVideoPlayerAdapter()\n    });\n    this.currentVideoMetadata = {\n      cloudName: null,\n      publicId: null\n    };\n    this.analyticsOptions = options;\n  }\n  init() {\n    this.player.on(_utils_consts__WEBPACK_IMPORTED_MODULE_2__.PLAYER_EVENT.CLD_SOURCE_CHANGED, this.sourceChanged);\n  }\n}\n/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__() {\n  let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  new CloudinaryAnalytics(this, opts).init();\n}\n\n//# sourceURL=webpack://cloudinary-video-player/./plugins/cloudinary-analytics/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isPlainObject */ \"../node_modules/lodash/isPlainObject.js\");\n/* harmony import */ var lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var cloudinary_video_analytics__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! cloudinary-video-analytics */ \"../node_modules/cloudinary-video-analytics/dist/main.js\");\n/* harmony import */ var cloudinary_video_analytics__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(cloudinary_video_analytics__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _utils_consts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/consts */ \"./utils/consts.js\");\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n\n\n\nclass CloudinaryAnalytics {\n  constructor(player, options) {\n    _defineProperty(this, \"getMetadata\", () => ({\n      cloudName: this.player.cloudinary.cloudinaryConfig().cloud_name,\n      publicId: this.player.cloudinary.currentPublicId()\n    }));\n    _defineProperty(this, \"sourceChanged\", (e, _ref) => {\n      let {\n        source\n      } = _ref;\n      const metadata = this.getMetadata();\n      if (metadata.cloudName && metadata.publicId) {\n        const isLiveStream = (source === null || source === void 0 ? void 0 : source.resourceConfig().type) === 'live';\n        this.currentVideoMetadata = metadata;\n        this.cloudinaryAnalytics.startManualTracking(_objectSpread(_objectSpread({}, metadata), isLiveStream ? {\n          type: 'live'\n        } : {}), _objectSpread(_objectSpread({}, lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_0___default()(this.analyticsOptions) ? this.analyticsOptions : {}), {}, {\n          videoPlayerType: 'cloudinary video player',\n          videoPlayerVersion: \"3.6.3-edge.6\"\n        }));\n      } else if (this.currentVideoMetadata.cloudName !== metadata.cloudName || this.currentVideoMetadata.publicId !== metadata.publicId) {\n        this.cloudinaryAnalytics.stopManualTracking();\n      }\n    });\n    _defineProperty(this, \"getCloudinaryVideoPlayerAdapter\", () => {\n      const createCldVPEventListener = (eventName, callback) => {\n        this.player.on(eventName, callback);\n        return () => {\n          this.player.off(eventName, callback);\n        };\n      };\n      return {\n        onCanPlay: callback => createCldVPEventListener('canplay', callback),\n        onCanPlayThrough: callback => createCldVPEventListener('canplaythrough', callback),\n        onComplete: callback => createCldVPEventListener('complete', callback),\n        onDurationChange: callback => createCldVPEventListener('durationchange', callback),\n        onEmptied: callback => createCldVPEventListener('emptied', callback),\n        onEnded: callback => createCldVPEventListener('ended', callback),\n        onError: callback => createCldVPEventListener('error', callback),\n        onLoadedData: callback => createCldVPEventListener('loadeddata', callback),\n        onLoadedMetadata: callback => createCldVPEventListener('loadedmetadata', callback),\n        onLoadStart: callback => createCldVPEventListener('loadstart', callback),\n        onPause: callback => createCldVPEventListener('pause', callback),\n        onPlay: callback => createCldVPEventListener('play', callback),\n        onPlaying: callback => createCldVPEventListener('playing', callback),\n        onProgress: callback => createCldVPEventListener('progress', callback),\n        onRateChange: callback => createCldVPEventListener('ratechange', callback),\n        onSeeked: callback => createCldVPEventListener('seeked', callback),\n        onSeeking: callback => createCldVPEventListener('seeking', callback),\n        onStalled: callback => createCldVPEventListener('stalled', callback),\n        onSuspend: callback => createCldVPEventListener('suspend', callback),\n        onTimeUpdate: callback => createCldVPEventListener('timeupdate', callback),\n        onVolumeChange: callback => createCldVPEventListener('volumechange', callback),\n        onWaiting: callback => createCldVPEventListener('waiting', callback),\n        getCurrentSrc: () => this.player.videoElement.currentSrc,\n        getCurrentTime: () => this.player.currentTime(),\n        getReadyState: () => this.player.videoElement.readyState,\n        getDuration: () => this.player.duration()\n      };\n    });\n    this.player = player;\n    this.cloudinaryAnalytics = (0,cloudinary_video_analytics__WEBPACK_IMPORTED_MODULE_1__.connectCloudinaryAnalytics)(this.player.videoElement, {\n      playerAdapter: this.getCloudinaryVideoPlayerAdapter()\n    });\n    this.currentVideoMetadata = {\n      cloudName: null,\n      publicId: null\n    };\n    this.analyticsOptions = options;\n  }\n  init() {\n    this.player.on(_utils_consts__WEBPACK_IMPORTED_MODULE_2__.PLAYER_EVENT.CLD_SOURCE_CHANGED, this.sourceChanged);\n  }\n}\n/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__() {\n  let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  new CloudinaryAnalytics(this, opts).init();\n}\n\n//# sourceURL=webpack://cloudinary-video-player/./plugins/cloudinary-analytics/index.js?");
 
 /***/ }),
 
@@ -283,7 +283,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CONSTRUCTOR_PARAMS: () => (/* binding */ CONSTRUCTOR_PARAMS),\n/* harmony export */   \"default\": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isFunction */ \"../node_modules/lodash/isFunction.js\");\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var utils_apply_with_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! utils/apply-with-props */ \"./utils/apply-with-props.js\");\n/* harmony import */ var utils_slicing__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! utils/slicing */ \"./utils/slicing.js\");\n/* harmony import */ var utils_cloudinary__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! utils/cloudinary */ \"./utils/cloudinary.js\");\n/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./common */ \"./plugins/cloudinary/common.js\");\n/* harmony import */ var _models_video_source_video_source__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./models/video-source/video-source */ \"./plugins/cloudinary/models/video-source/video-source.js\");\n/* harmony import */ var _event_handler_registry__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./event-handler-registry */ \"./plugins/cloudinary/event-handler-registry.js\");\n/* harmony import */ var _models_audio_source_audio_source__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./models/audio-source/audio-source */ \"./plugins/cloudinary/models/audio-source/audio-source.js\");\n/* harmony import */ var components_recommendations_overlay__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! components/recommendations-overlay */ \"./components/recommendations-overlay/index.js\");\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n\n\n\n\n\n\n\n\n\nconst DEFAULT_PARAMS = {\n  transformation: {},\n  sourceTypes: [],\n  sourceTransformation: [],\n  posterOptions: {}\n};\nconst CONSTRUCTOR_PARAMS = ['cloudinaryConfig', 'transformation', 'sourceTypes', 'sourceTransformation', 'posterOptions', 'autoShowRecommendations'];\nclass CloudinaryContext {\n  constructor(player) {\n    var _this = this;\n    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    (0,_common__WEBPACK_IMPORTED_MODULE_4__.setupCloudinaryMiddleware)();\n    this.player = player;\n    options = Object.assign({}, DEFAULT_PARAMS, options);\n    let _source = null;\n    let _sources = null;\n    let _lastSource = null;\n    let _lastPlaylist = null;\n    let _posterOptions = null;\n    let _cloudinaryConfig = null;\n    let _transformation = null;\n    let _sourceTypes = null;\n    let _sourceTransformation = null;\n    let _chainTarget = options.chainTarget;\n    let _playerEvents = null;\n    let _recommendations = null;\n    let _autoShowRecommendations = false;\n    this.source = function (source) {\n      let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n      options = Object.assign({}, options);\n      if (!source) {\n        return _source;\n      }\n      let src = null;\n      if (source instanceof _models_video_source_video_source__WEBPACK_IMPORTED_MODULE_5__[\"default\"]) {\n        src = source;\n      } else {\n        let {\n          publicId,\n          options: _options\n        } = (0,_common__WEBPACK_IMPORTED_MODULE_4__.normalizeOptions)(source, options);\n        src = _this.buildSource(publicId, _options);\n      }\n      const recommendations = src.recommendations();\n      if (recommendations && recommendations.length) {\n        let itemBuilder = null;\n        let disableAutoShow = false;\n        if (options.recommendationOptions) {\n          ({\n            disableAutoShow,\n            itemBuilder\n          } = (0,utils_slicing__WEBPACK_IMPORTED_MODULE_2__.sliceAndUnsetProperties)(options.recommendationOptions, 'disableAutoShow', 'itemBuilder'));\n        }\n        (0,components_recommendations_overlay__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(player).then(() => {\n          setRecommendations(recommendations, {\n            disableAutoShow,\n            itemBuilder\n          });\n        });\n      } else {\n        unsetRecommendations();\n      }\n      _source = src;\n      _transformation = src.transformation();\n      const isDash = options.sourceTypes && options.sourceTypes.some(s => s.includes('dash')) || typeof source === 'string' && source.endsWith('.mpd');\n      const isHls = options.sourceTypes && options.sourceTypes.some(s => s.includes('hls')) || typeof source === 'string' && source.endsWith('.m3u8');\n      const isAdaptiveStreamingRequired = isDash || isHls;\n      if (isAdaptiveStreamingRequired && !_this.player.adaptiveStreamingLoaded) {\n        __webpack_require__.e(/*! import() | adaptive-streaming */ \"adaptive-streaming\").then(__webpack_require__.bind(__webpack_require__, /*! ../adaptive-streaming */ \"./plugins/adaptive-streaming/index.js\")).then(() => {\n          _this.player.adaptiveStreaming(_objectSpread(_objectSpread({}, options.adaptiveStreaming), {}, {\n            isDash,\n            debug: options.debug,\n            withCredentials: options.withCredentials\n          })).then(() => {\n            refresh();\n          });\n        }).catch(err => {\n          console.error('Failed to load adaptive streaming plugin:', err);\n          refresh();\n        });\n      } else if (!options.skipRefresh) {\n        refresh();\n      }\n      _this.player.trigger('cldsourcechanged', {\n        source: src,\n        sourceOptions: options\n      });\n      return _chainTarget;\n    };\n    this.buildSource = function (publicId) {\n      let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n      let builtSrc = null;\n      ({\n        publicId,\n        options\n      } = (0,_common__WEBPACK_IMPORTED_MODULE_4__.normalizeOptions)(publicId, options));\n      options.cloudinaryConfig = (0,_common__WEBPACK_IMPORTED_MODULE_4__.extendCloudinaryConfig)(_this.cloudinaryConfig(), options.cloudinaryConfig || {});\n      options.transformation = (0,_common__WEBPACK_IMPORTED_MODULE_4__.mergeTransformations)(_this.transformation(), options.transformation || {});\n      options.sourceTransformation = options.sourceTransformation || _this.sourceTransformation();\n      options.sourceTypes = options.sourceTypes || _this.sourceTypes();\n      const defaultPosterOptions = posterOptionsForCurrent();\n      const userPosterOptions = options.posterOptions || {};\n      options.poster = options.poster || defaultPosterOptions;\n      options.posterOptions = Object.assign({}, defaultPosterOptions, userPosterOptions, {\n        hasUserPosterOptions: !!userPosterOptions || null\n      });\n      options.queryParams = Object.assign(options.queryParams || {}, options.allowUsageReport ? {\n        _s: \"vp-\".concat(\"3.6.3-edge.5\")\n      } : {});\n      if (options.sourceTypes.indexOf('audio') > -1) {\n        builtSrc = new _models_audio_source_audio_source__WEBPACK_IMPORTED_MODULE_7__[\"default\"](publicId, options);\n      } else {\n        builtSrc = new _models_video_source_video_source__WEBPACK_IMPORTED_MODULE_5__[\"default\"](publicId, options);\n      }\n      return builtSrc;\n    };\n    this.posterOptions = options => {\n      if (!options) {\n        return _posterOptions;\n      }\n      _posterOptions = options;\n      return _chainTarget;\n    };\n    this.disablePoster = posterColor => {\n      // https://docs.videojs.com/player.js.html#line3816\n      this.player.poster(' ');\n      this.player.posterImage.el().style.backgroundColor = posterColor;\n    };\n    this.cloudinaryConfig = config => {\n      if (!config) {\n        return _cloudinaryConfig;\n      }\n      _cloudinaryConfig = config;\n      return _chainTarget;\n    };\n    this.transformation = trans => {\n      if (!trans) {\n        return _transformation;\n      }\n      _transformation = trans;\n      return _chainTarget;\n    };\n    this.sourceTypes = types => {\n      if (!types) {\n        return _sourceTypes;\n      }\n      _sourceTypes = types;\n      return _chainTarget;\n    };\n    this.getCurrentSources = () => _sources;\n    this.sourceTransformation = trans => {\n      if (!trans) {\n        return _sourceTransformation;\n      }\n      _sourceTransformation = trans;\n      return _chainTarget;\n    };\n    this.on = function () {\n      return _playerEvents.on(...arguments);\n    };\n    this.one = function () {\n      return _playerEvents.one(...arguments);\n    };\n    this.off = function () {\n      return _playerEvents.off(...arguments);\n    };\n    this.autoShowRecommendations = autoShow => {\n      if (autoShow === undefined) {\n        return _autoShowRecommendations;\n      }\n      _autoShowRecommendations = autoShow;\n      return _chainTarget;\n    };\n    this.dispose = () => {\n      if (this.playlist && this.playlist()) {\n        this.disposePlaylist();\n      }\n      unsetRecommendations();\n      _source = undefined;\n      _playerEvents.removeAllListeners();\n    };\n    const setRecommendations = (recommendations, _ref) => {\n      let {\n        disableAutoShow = false,\n        itemBuilder = null\n      } = _ref;\n      unsetRecommendations();\n      if (!Array.isArray(recommendations) && typeof recommendations !== 'function' && !recommendations.then) {\n        throw new Error('\"recommendations\" must be either an array or a function');\n      }\n      _recommendations = {};\n      itemBuilder = itemBuilder || (source => ({\n        source: source instanceof _models_video_source_video_source__WEBPACK_IMPORTED_MODULE_5__[\"default\"] ? source : this.buildSource(source),\n        action: () => this.source(source)\n      }));\n      _recommendations.sourceChangedHandler = () => {\n        const trigger = sources => {\n          if (typeof sources !== 'undefined' && sources.length > 0) {\n            const items = sources.map(_source => itemBuilder(_source));\n            this.player.trigger('recommendationschanged', {\n              items\n            });\n          } else {\n            this.player.trigger('recommendationsnoshow');\n          }\n          _recommendations.sources = sources;\n        };\n        if (lodash_isFunction__WEBPACK_IMPORTED_MODULE_0___default()(recommendations)) {\n          trigger(recommendations());\n        } else if (recommendations.then) {\n          recommendations.then(trigger);\n        } else {\n          trigger(recommendations);\n        }\n      };\n      _recommendations.sourceChangedHandler();\n      _recommendations.endedHandler = () => {\n        if (!disableAutoShow && this.autoShowRecommendations()) {\n          this.player.trigger('recommendationsshow');\n        }\n      };\n      this.on('ended', _recommendations.endedHandler);\n    };\n    const unsetRecommendations = () => {\n      if (_recommendations) {\n        this.off('cldsourcechanged', _recommendations.sourceChangedHandler);\n        this.off('ended', _recommendations.endedHandler);\n        delete _recommendations.endedHandler;\n        delete _recommendations.sourceChangedHandler;\n      }\n      _recommendations = null;\n    };\n    const refresh = () => {\n      const src = this.source();\n      if (!src) {\n        return;\n      }\n      const posterOptions = Object.assign({}, this.player.cloudinary.posterOptions(), src.getInitOptions().poster);\n      if (posterOptions.posterColor) {\n        this.disablePoster(posterOptions.posterColor);\n      } else if (src.poster()) {\n        this.player.poster(src.poster().url());\n      }\n      _sources = src.generateSources().reduce((srcs, src) => {\n        if (src.isAdaptive) {\n          let codec = src.type.split('; ')[1] || null;\n          if (codec && 'MediaSource' in window) {\n            const parts = src.type.split('; ');\n            let typeStr = \"video/mp4; \".concat(parts[1] || '');\n            const canPlay = testCanPlayTypeAndTypeSupported(typeStr);\n            if (canPlay) {\n              srcs.push(src);\n            }\n          } else {\n            srcs.push(src);\n          }\n        } else {\n          srcs.push(src);\n        }\n        return srcs;\n      }, []);\n      this.player.src(_sources);\n      _lastSource = src;\n      if (this.playlist) {\n        _lastPlaylist = this.playlist();\n      }\n    };\n    const testCanPlayTypeAndTypeSupported = codec => {\n      const v = document.createElement('video');\n      return v.canPlayType(codec) || 'MediaSource' in window && MediaSource.isTypeSupported(codec);\n    };\n    const posterOptionsForCurrent = () => {\n      const opts = Object.assign({}, this.posterOptions());\n      opts.transformation = opts.transformation || {};\n      if ((opts.transformation.width || opts.transformation.height) && !opts.transformation.crop) {\n        opts.transformation.crop = 'scale';\n      }\n\n      // Set poster dimensions to player actual size.\n      // (unless they were explicitly set via `posterOptions`)\n      const playerEl = this.player.el();\n      if (playerEl && playerEl.clientWidth && playerEl.clientHeight && !(0,utils_cloudinary__WEBPACK_IMPORTED_MODULE_3__.isKeyInTransformation)(opts.transformation, 'width') && !(0,utils_cloudinary__WEBPACK_IMPORTED_MODULE_3__.isKeyInTransformation)(opts.transformation, 'height')) {\n        const roundUp100 = val => 100 * Math.ceil(val / 100);\n        opts.transformation = (0,_common__WEBPACK_IMPORTED_MODULE_4__.mergeTransformations)(opts.transformation, {\n          width: roundUp100(playerEl.clientWidth),\n          height: roundUp100(playerEl.clientHeight),\n          crop: 'limit'\n        });\n      }\n      return opts;\n    };\n\n    // Handle external (non-cloudinary plugin) source changes (e.g. by ad plugins)\n    const syncState = (_, data) => {\n      let src = data.to;\n\n      // When source is cloudinary's\n      if (_lastSource && _lastSource.contains(src)) {\n        // If plugin state doesn't have an active VideoSource\n        if (!this.source()) {\n          // We might have been running a playlist, reset playlist's state.\n          if (this.playlist && _lastPlaylist) {\n            this.playlist(_lastPlaylist);\n          }\n          // Rebuild last source state without calling vjs's 'src' and 'poster'\n          this.source(_lastSource, {\n            skipRefresh: true\n          });\n        }\n      } else {\n        // Used by cloudinary-only components\n        this.player.trigger('cldsourcechanged', {});\n\n        // When source isn't cloudinary's - reset the plugin's state.\n        this.dispose();\n      }\n    };\n    _playerEvents = new _event_handler_registry__WEBPACK_IMPORTED_MODULE_6__[\"default\"](this.player);\n    const constructorParams = (0,utils_slicing__WEBPACK_IMPORTED_MODULE_2__.sliceAndUnsetProperties)(options, ...CONSTRUCTOR_PARAMS);\n    (0,utils_apply_with_props__WEBPACK_IMPORTED_MODULE_1__.applyWithProps)(this, constructorParams);\n    this.on('sourcechanged', syncState);\n  }\n  currentSourceType() {\n    return this.source().getType();\n  }\n  currentPublicId() {\n    return this.source() && this.source().publicId();\n  }\n  currentPoster() {\n    return this.source() && this.source().poster();\n  }\n}\n/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__() {\n  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  options.chainTarget = options.chainTarget || this;\n  this.cloudinary = new CloudinaryContext(this, options);\n}\n\n//# sourceURL=webpack://cloudinary-video-player/./plugins/cloudinary/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CONSTRUCTOR_PARAMS: () => (/* binding */ CONSTRUCTOR_PARAMS),\n/* harmony export */   \"default\": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isFunction */ \"../node_modules/lodash/isFunction.js\");\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var utils_apply_with_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! utils/apply-with-props */ \"./utils/apply-with-props.js\");\n/* harmony import */ var utils_slicing__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! utils/slicing */ \"./utils/slicing.js\");\n/* harmony import */ var utils_cloudinary__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! utils/cloudinary */ \"./utils/cloudinary.js\");\n/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./common */ \"./plugins/cloudinary/common.js\");\n/* harmony import */ var _models_video_source_video_source__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./models/video-source/video-source */ \"./plugins/cloudinary/models/video-source/video-source.js\");\n/* harmony import */ var _event_handler_registry__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./event-handler-registry */ \"./plugins/cloudinary/event-handler-registry.js\");\n/* harmony import */ var _models_audio_source_audio_source__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./models/audio-source/audio-source */ \"./plugins/cloudinary/models/audio-source/audio-source.js\");\n/* harmony import */ var components_recommendations_overlay__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! components/recommendations-overlay */ \"./components/recommendations-overlay/index.js\");\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n\n\n\n\n\n\n\n\n\nconst DEFAULT_PARAMS = {\n  transformation: {},\n  sourceTypes: [],\n  sourceTransformation: [],\n  posterOptions: {}\n};\nconst CONSTRUCTOR_PARAMS = ['cloudinaryConfig', 'transformation', 'sourceTypes', 'sourceTransformation', 'posterOptions', 'autoShowRecommendations'];\nclass CloudinaryContext {\n  constructor(player) {\n    var _this = this;\n    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    (0,_common__WEBPACK_IMPORTED_MODULE_4__.setupCloudinaryMiddleware)();\n    this.player = player;\n    options = Object.assign({}, DEFAULT_PARAMS, options);\n    let _source = null;\n    let _sources = null;\n    let _lastSource = null;\n    let _lastPlaylist = null;\n    let _posterOptions = null;\n    let _cloudinaryConfig = null;\n    let _transformation = null;\n    let _sourceTypes = null;\n    let _sourceTransformation = null;\n    let _chainTarget = options.chainTarget;\n    let _playerEvents = null;\n    let _recommendations = null;\n    let _autoShowRecommendations = false;\n    this.source = function (source) {\n      let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n      options = Object.assign({}, options);\n      if (!source) {\n        return _source;\n      }\n      let src = null;\n      if (source instanceof _models_video_source_video_source__WEBPACK_IMPORTED_MODULE_5__[\"default\"]) {\n        src = source;\n      } else {\n        let {\n          publicId,\n          options: _options\n        } = (0,_common__WEBPACK_IMPORTED_MODULE_4__.normalizeOptions)(source, options);\n        src = _this.buildSource(publicId, _options);\n      }\n      const recommendations = src.recommendations();\n      if (recommendations && recommendations.length) {\n        let itemBuilder = null;\n        let disableAutoShow = false;\n        if (options.recommendationOptions) {\n          ({\n            disableAutoShow,\n            itemBuilder\n          } = (0,utils_slicing__WEBPACK_IMPORTED_MODULE_2__.sliceAndUnsetProperties)(options.recommendationOptions, 'disableAutoShow', 'itemBuilder'));\n        }\n        (0,components_recommendations_overlay__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(player).then(() => {\n          setRecommendations(recommendations, {\n            disableAutoShow,\n            itemBuilder\n          });\n        });\n      } else {\n        unsetRecommendations();\n      }\n      _source = src;\n      _transformation = src.transformation();\n      const isDash = options.sourceTypes && options.sourceTypes.some(s => s.includes('dash')) || typeof source === 'string' && source.endsWith('.mpd');\n      const isHls = options.sourceTypes && options.sourceTypes.some(s => s.includes('hls')) || typeof source === 'string' && source.endsWith('.m3u8');\n      const isAdaptiveStreamingRequired = isDash || isHls;\n      if (isAdaptiveStreamingRequired && !_this.player.adaptiveStreamingLoaded) {\n        __webpack_require__.e(/*! import() | adaptive-streaming */ \"adaptive-streaming\").then(__webpack_require__.bind(__webpack_require__, /*! ../adaptive-streaming */ \"./plugins/adaptive-streaming/index.js\")).then(() => {\n          _this.player.adaptiveStreaming(_objectSpread(_objectSpread({}, options.adaptiveStreaming), {}, {\n            isDash,\n            debug: options.debug,\n            withCredentials: options.withCredentials\n          })).then(() => {\n            refresh();\n          });\n        }).catch(err => {\n          console.error('Failed to load adaptive streaming plugin:', err);\n          refresh();\n        });\n      } else if (!options.skipRefresh) {\n        refresh();\n      }\n      _this.player.trigger('cldsourcechanged', {\n        source: src,\n        sourceOptions: options\n      });\n      return _chainTarget;\n    };\n    this.buildSource = function (publicId) {\n      let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n      let builtSrc = null;\n      ({\n        publicId,\n        options\n      } = (0,_common__WEBPACK_IMPORTED_MODULE_4__.normalizeOptions)(publicId, options));\n      options.cloudinaryConfig = (0,_common__WEBPACK_IMPORTED_MODULE_4__.extendCloudinaryConfig)(_this.cloudinaryConfig(), options.cloudinaryConfig || {});\n      options.transformation = (0,_common__WEBPACK_IMPORTED_MODULE_4__.mergeTransformations)(_this.transformation(), options.transformation || {});\n      options.sourceTransformation = options.sourceTransformation || _this.sourceTransformation();\n      options.sourceTypes = options.sourceTypes || _this.sourceTypes();\n      const defaultPosterOptions = posterOptionsForCurrent();\n      const userPosterOptions = options.posterOptions || {};\n      options.poster = options.poster || defaultPosterOptions;\n      options.posterOptions = Object.assign({}, defaultPosterOptions, userPosterOptions, {\n        hasUserPosterOptions: !!userPosterOptions || null\n      });\n      options.queryParams = Object.assign(options.queryParams || {}, options.allowUsageReport ? {\n        _s: \"vp-\".concat(\"3.6.3-edge.6\")\n      } : {});\n      if (options.sourceTypes.indexOf('audio') > -1) {\n        builtSrc = new _models_audio_source_audio_source__WEBPACK_IMPORTED_MODULE_7__[\"default\"](publicId, options);\n      } else {\n        builtSrc = new _models_video_source_video_source__WEBPACK_IMPORTED_MODULE_5__[\"default\"](publicId, options);\n      }\n      return builtSrc;\n    };\n    this.posterOptions = options => {\n      if (!options) {\n        return _posterOptions;\n      }\n      _posterOptions = options;\n      return _chainTarget;\n    };\n    this.disablePoster = posterColor => {\n      // https://docs.videojs.com/player.js.html#line3816\n      this.player.poster(' ');\n      this.player.posterImage.el().style.backgroundColor = posterColor;\n    };\n    this.cloudinaryConfig = config => {\n      if (!config) {\n        return _cloudinaryConfig;\n      }\n      _cloudinaryConfig = config;\n      return _chainTarget;\n    };\n    this.transformation = trans => {\n      if (!trans) {\n        return _transformation;\n      }\n      _transformation = trans;\n      return _chainTarget;\n    };\n    this.sourceTypes = types => {\n      if (!types) {\n        return _sourceTypes;\n      }\n      _sourceTypes = types;\n      return _chainTarget;\n    };\n    this.getCurrentSources = () => _sources;\n    this.sourceTransformation = trans => {\n      if (!trans) {\n        return _sourceTransformation;\n      }\n      _sourceTransformation = trans;\n      return _chainTarget;\n    };\n    this.on = function () {\n      return _playerEvents.on(...arguments);\n    };\n    this.one = function () {\n      return _playerEvents.one(...arguments);\n    };\n    this.off = function () {\n      return _playerEvents.off(...arguments);\n    };\n    this.autoShowRecommendations = autoShow => {\n      if (autoShow === undefined) {\n        return _autoShowRecommendations;\n      }\n      _autoShowRecommendations = autoShow;\n      return _chainTarget;\n    };\n    this.dispose = () => {\n      if (this.playlist && this.playlist()) {\n        this.disposePlaylist();\n      }\n      unsetRecommendations();\n      _source = undefined;\n      _playerEvents.removeAllListeners();\n    };\n    const setRecommendations = (recommendations, _ref) => {\n      let {\n        disableAutoShow = false,\n        itemBuilder = null\n      } = _ref;\n      unsetRecommendations();\n      if (!Array.isArray(recommendations) && typeof recommendations !== 'function' && !recommendations.then) {\n        throw new Error('\"recommendations\" must be either an array or a function');\n      }\n      _recommendations = {};\n      itemBuilder = itemBuilder || (source => ({\n        source: source instanceof _models_video_source_video_source__WEBPACK_IMPORTED_MODULE_5__[\"default\"] ? source : this.buildSource(source),\n        action: () => this.source(source)\n      }));\n      _recommendations.sourceChangedHandler = () => {\n        const trigger = sources => {\n          if (typeof sources !== 'undefined' && sources.length > 0) {\n            const items = sources.map(_source => itemBuilder(_source));\n            this.player.trigger('recommendationschanged', {\n              items\n            });\n          } else {\n            this.player.trigger('recommendationsnoshow');\n          }\n          _recommendations.sources = sources;\n        };\n        if (lodash_isFunction__WEBPACK_IMPORTED_MODULE_0___default()(recommendations)) {\n          trigger(recommendations());\n        } else if (recommendations.then) {\n          recommendations.then(trigger);\n        } else {\n          trigger(recommendations);\n        }\n      };\n      _recommendations.sourceChangedHandler();\n      _recommendations.endedHandler = () => {\n        if (!disableAutoShow && this.autoShowRecommendations()) {\n          this.player.trigger('recommendationsshow');\n        }\n      };\n      this.on('ended', _recommendations.endedHandler);\n    };\n    const unsetRecommendations = () => {\n      if (_recommendations) {\n        this.off('cldsourcechanged', _recommendations.sourceChangedHandler);\n        this.off('ended', _recommendations.endedHandler);\n        delete _recommendations.endedHandler;\n        delete _recommendations.sourceChangedHandler;\n      }\n      _recommendations = null;\n    };\n    const refresh = () => {\n      const src = this.source();\n      if (!src) {\n        return;\n      }\n      const posterOptions = Object.assign({}, this.player.cloudinary.posterOptions(), src.getInitOptions().poster);\n      if (posterOptions.posterColor) {\n        this.disablePoster(posterOptions.posterColor);\n      } else if (src.poster()) {\n        this.player.poster(src.poster().url());\n      }\n      _sources = src.generateSources().reduce((srcs, src) => {\n        if (src.isAdaptive) {\n          let codec = src.type.split('; ')[1] || null;\n          if (codec && 'MediaSource' in window) {\n            const parts = src.type.split('; ');\n            let typeStr = \"video/mp4; \".concat(parts[1] || '');\n            const canPlay = testCanPlayTypeAndTypeSupported(typeStr);\n            if (canPlay) {\n              srcs.push(src);\n            }\n          } else {\n            srcs.push(src);\n          }\n        } else {\n          srcs.push(src);\n        }\n        return srcs;\n      }, []);\n      this.player.src(_sources);\n      _lastSource = src;\n      if (this.playlist) {\n        _lastPlaylist = this.playlist();\n      }\n    };\n    const testCanPlayTypeAndTypeSupported = codec => {\n      const v = document.createElement('video');\n      return v.canPlayType(codec) || 'MediaSource' in window && MediaSource.isTypeSupported(codec);\n    };\n    const posterOptionsForCurrent = () => {\n      const opts = Object.assign({}, this.posterOptions());\n      opts.transformation = opts.transformation || {};\n      if ((opts.transformation.width || opts.transformation.height) && !opts.transformation.crop) {\n        opts.transformation.crop = 'scale';\n      }\n\n      // Set poster dimensions to player actual size.\n      // (unless they were explicitly set via `posterOptions`)\n      const playerEl = this.player.el();\n      if (playerEl && playerEl.clientWidth && playerEl.clientHeight && !(0,utils_cloudinary__WEBPACK_IMPORTED_MODULE_3__.isKeyInTransformation)(opts.transformation, 'width') && !(0,utils_cloudinary__WEBPACK_IMPORTED_MODULE_3__.isKeyInTransformation)(opts.transformation, 'height')) {\n        const roundUp100 = val => 100 * Math.ceil(val / 100);\n        opts.transformation = (0,_common__WEBPACK_IMPORTED_MODULE_4__.mergeTransformations)(opts.transformation, {\n          width: roundUp100(playerEl.clientWidth),\n          height: roundUp100(playerEl.clientHeight),\n          crop: 'limit'\n        });\n      }\n      return opts;\n    };\n\n    // Handle external (non-cloudinary plugin) source changes (e.g. by ad plugins)\n    const syncState = (_, data) => {\n      let src = data.to;\n\n      // When source is cloudinary's\n      if (_lastSource && _lastSource.contains(src)) {\n        // If plugin state doesn't have an active VideoSource\n        if (!this.source()) {\n          // We might have been running a playlist, reset playlist's state.\n          if (this.playlist && _lastPlaylist) {\n            this.playlist(_lastPlaylist);\n          }\n          // Rebuild last source state without calling vjs's 'src' and 'poster'\n          this.source(_lastSource, {\n            skipRefresh: true\n          });\n        }\n      } else {\n        // Used by cloudinary-only components\n        this.player.trigger('cldsourcechanged', {});\n\n        // When source isn't cloudinary's - reset the plugin's state.\n        this.dispose();\n      }\n    };\n    _playerEvents = new _event_handler_registry__WEBPACK_IMPORTED_MODULE_6__[\"default\"](this.player);\n    const constructorParams = (0,utils_slicing__WEBPACK_IMPORTED_MODULE_2__.sliceAndUnsetProperties)(options, ...CONSTRUCTOR_PARAMS);\n    (0,utils_apply_with_props__WEBPACK_IMPORTED_MODULE_1__.applyWithProps)(this, constructorParams);\n    this.on('sourcechanged', syncState);\n  }\n  currentSourceType() {\n    return this.source().getType();\n  }\n  currentPublicId() {\n    return this.source() && this.source().publicId();\n  }\n  currentPoster() {\n    return this.source() && this.source().poster();\n  }\n}\n/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__() {\n  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  options.chainTarget = options.chainTarget || this;\n  this.cloudinary = new CloudinaryContext(this, options);\n}\n\n//# sourceURL=webpack://cloudinary-video-player/./plugins/cloudinary/index.js?");
 
 /***/ }),
 
@@ -404,7 +404,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst contextMenuContent = player => {\n  const isLooping = player.loop();\n  const isPaused = player.paused();\n  const isMuted = player.muted();\n  const isFullscreen = player.isFullscreen();\n  const aboutMenuItem = {\n    class: 'player-version',\n    label: 'Cloudinary Player v' + \"3.6.3-edge.5\"\n  };\n  if (!player.controls()) {\n    return [aboutMenuItem];\n  }\n  return [{\n    label: isLooping ? 'Unloop' : 'Loop',\n    listener: () => {\n      player.loop(!isLooping);\n    }\n  }, {\n    label: isPaused ? 'Play' : 'Pause',\n    listener: () => {\n      if (isPaused) {\n        player.play();\n      } else {\n        player.pause();\n      }\n    }\n  }, {\n    label: isMuted ? 'Unmute' : 'Mute',\n    listener: () => {\n      player.muted(!isMuted);\n    }\n  }, {\n    label: isFullscreen ? 'Exit Fullscreen' : 'Fullscreen',\n    listener: () => {\n      if (isFullscreen) {\n        player.exitFullscreen();\n      } else {\n        player.requestFullscreen();\n      }\n    }\n  }, aboutMenuItem];\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (contextMenuContent);\n\n//# sourceURL=webpack://cloudinary-video-player/./plugins/context-menu/contextMenuContent.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst contextMenuContent = player => {\n  const isLooping = player.loop();\n  const isPaused = player.paused();\n  const isMuted = player.muted();\n  const isFullscreen = player.isFullscreen();\n  const aboutMenuItem = {\n    class: 'player-version',\n    label: 'Cloudinary Player v' + \"3.6.3-edge.6\"\n  };\n  if (!player.controls()) {\n    return [aboutMenuItem];\n  }\n  return [{\n    label: isLooping ? 'Unloop' : 'Loop',\n    listener: () => {\n      player.loop(!isLooping);\n    }\n  }, {\n    label: isPaused ? 'Play' : 'Pause',\n    listener: () => {\n      if (isPaused) {\n        player.play();\n      } else {\n        player.pause();\n      }\n    }\n  }, {\n    label: isMuted ? 'Unmute' : 'Mute',\n    listener: () => {\n      player.muted(!isMuted);\n    }\n  }, {\n    label: isFullscreen ? 'Exit Fullscreen' : 'Fullscreen',\n    listener: () => {\n      if (isFullscreen) {\n        player.exitFullscreen();\n      } else {\n        player.requestFullscreen();\n      }\n    }\n  }, aboutMenuItem];\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (contextMenuContent);\n\n//# sourceURL=webpack://cloudinary-video-player/./plugins/context-menu/contextMenuContent.js?");
 
 /***/ }),
 
@@ -833,7 +833,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ \"../node_modules/video.js/dist/alt/video.core-exposed.js\");\n/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var uuid__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! uuid */ \"../node_modules/uuid/dist/esm-browser/v4.js\");\n/* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/isEmpty */ \"../node_modules/lodash/isEmpty.js\");\n/* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/get */ \"../node_modules/lodash/get.js\");\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var lodash_pick__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/pick */ \"../node_modules/lodash/pick.js\");\n/* harmony import */ var lodash_pick__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_pick__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/isFunction */ \"../node_modules/lodash/isFunction.js\");\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/isObject */ \"../node_modules/lodash/isObject.js\");\n/* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_isObject__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash_isString__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/isString */ \"../node_modules/lodash/isString.js\");\n/* harmony import */ var lodash_isString__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_isString__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components */ \"./components/index.js\");\n/* harmony import */ var _plugins__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./plugins */ \"./plugins/index.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils */ \"./utils/index.js\");\n/* harmony import */ var _config_defaults__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./config/defaults */ \"./config/defaults.js\");\n/* harmony import */ var _mixins_eventable__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./mixins/eventable */ \"./mixins/eventable.js\");\n/* harmony import */ var _extended_events__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./extended-events */ \"./extended-events.js\");\n/* harmony import */ var _plugins_cloudinary_models_video_source_video_source__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./plugins/cloudinary/models/video-source/video-source */ \"./plugins/cloudinary/models/video-source/video-source.js\");\n/* harmony import */ var _video_player_utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./video-player.utils */ \"./video-player.utils.js\");\n/* harmony import */ var _video_player_const__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./video-player.const */ \"./video-player.const.js\");\n/* harmony import */ var _validators_validators_functions__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./validators/validators-functions */ \"./validators/validators-functions.js\");\n/* harmony import */ var _utils_consts__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./utils/consts */ \"./utils/consts.js\");\n/* harmony import */ var _utils_get_analytics_player_options__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./utils/get-analytics-player-options */ \"./utils/get-analytics-player-options.js\");\n/* harmony import */ var _plugins_cloudinary_common__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./plugins/cloudinary/common */ \"./plugins/cloudinary/common.js\");\n/* harmony import */ var _utils_video_retry__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./utils/video-retry */ \"./utils/video-retry.js\");\nconst _excluded = [\"publicId\"],\n  _excluded2 = [\"publicId\", \"label\"];\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst INTERNAL_ANALYTICS_URL = 'https://analytics-api-s.cloudinary.com';\nconst RETRY_DEFAULT_TIMEOUT = 5 * 1000;\n\n// Register all plugins\nObject.keys(_plugins__WEBPACK_IMPORTED_MODULE_8__[\"default\"]).forEach(key => {\n  video_js__WEBPACK_IMPORTED_MODULE_0___default().registerPlugin(key, _plugins__WEBPACK_IMPORTED_MODULE_8__[\"default\"][key]);\n});\n(0,_video_player_utils__WEBPACK_IMPORTED_MODULE_14__.overrideDefaultVideojsComponents)();\nclass VideoPlayer extends _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].mixin(_mixins_eventable__WEBPACK_IMPORTED_MODULE_11__[\"default\"]) {\n  static all(selector) {\n    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n      args[_key - 1] = arguments[_key];\n    }\n    const nodeList = document.querySelectorAll(selector);\n    return [...nodeList].map(node => new VideoPlayer(node, ...args));\n  }\n  get playerOptions() {\n    return this.options.playerOptions;\n  }\n  constructor(elem, options, ready) {\n    super();\n    _defineProperty(this, \"_resetReTryVideoState\", () => {\n      this.reTryVideoStateRetriesCount = 0;\n      this.videojs.clearTimeout(this.reTryVideoStateTimeoutId);\n    });\n    _defineProperty(this, \"_resetReloadVideo\", () => {\n      this.reloadVideoRetriesCount = 0;\n      this.videojs.clearTimeout(this.reloadVideoTimeoutId);\n    });\n    this.videoElement = elem;\n    this.options = (0,_video_player_utils__WEBPACK_IMPORTED_MODULE_14__.splitOptions)(options);\n    this._videojsOptions = this.options.videojsOptions;\n\n    // Make sure to add 'video-js' class before creating videojs instance\n    this.videoElement.classList.add('video-js');\n\n    // Handle WebFont loading\n    _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].fontFace(this.videoElement, this.playerOptions.fontFace);\n\n    // Handle play button options\n    if (this._videojsOptions.bigPlayButton === 'init') {\n      this.videoElement.classList.add('vjs-big-play-button-init-only');\n      this._videojsOptions.bigPlayButton = true;\n    }\n    this.videojs = video_js__WEBPACK_IMPORTED_MODULE_0___default()(this.videoElement, this._videojsOptions);\n    this._isPlayerConfigValid = true;\n    if (this.playerOptions.debug) {\n      (0,_validators_validators_functions__WEBPACK_IMPORTED_MODULE_16__.isValidPlayerConfig)(this.options).then(valid => {\n        if (!valid) {\n          this._isPlayerConfigValid = false;\n          this.videojs.error('invalid player configuration');\n          return;\n        }\n      });\n    }\n    if (this._videojsOptions.muted) {\n      this.videojs.volume(0.4);\n    }\n    if (this.playerOptions.fluid) {\n      this.fluid(this.playerOptions.fluid);\n    }\n    this._setCssClasses();\n    this._initPlugins();\n    this._initJumpButtons();\n    this._initPictureInPicture();\n    this._initBigPauseButton();\n    this._setVideoJsListeners(ready);\n  }\n  getVPInstanceId() {\n    if (!this.vpInstanceId) {\n      this.vpInstanceId = (0,uuid__WEBPACK_IMPORTED_MODULE_21__[\"default\"])();\n    }\n    return this.vpInstanceId;\n  }\n  _sendInternalAnalytics() {\n    var _options$sourceOption;\n    let additionalOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    const options = Object.assign({}, this.playerOptions, this.options.videojsOptions, additionalOptions);\n    if (!((_options$sourceOption = options.sourceOptions) !== null && _options$sourceOption !== void 0 && _options$sourceOption.allowUsageReport)) {\n      return;\n    }\n    try {\n      var _options$_internalAna;\n      const internalAnalyticsMetadata = (_options$_internalAna = options._internalAnalyticsMetadata) !== null && _options$_internalAna !== void 0 ? _options$_internalAna : {};\n      const analyticsData = (0,_utils_get_analytics_player_options__WEBPACK_IMPORTED_MODULE_18__.getAnalyticsFromPlayerOptions)(options);\n      const analyticsParams = new URLSearchParams(analyticsData).toString();\n      const baseParams = new URLSearchParams(_objectSpread({\n        vpVersion: \"3.6.3-edge.5\",\n        vpInstanceId: this.getVPInstanceId(),\n        cloudName: options.cloudinary.cloud_name\n      }, internalAnalyticsMetadata)).toString();\n      fetch(\"\".concat(INTERNAL_ANALYTICS_URL, \"/video_player_source?\").concat(analyticsParams, \"&\").concat(baseParams));\n    } catch (err) {\n      console.warn(err);\n    }\n  }\n  _setVideoJsListeners(ready) {\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.ERROR, () => {\n      const error = this.videojs.error();\n      if (error) {\n        const type = this._isPlayerConfigValid && this.videojs.cloudinary.currentSourceType();\n\n        /*\n         error codes :\n         3 - media playback was aborted due to a corruption problem\n         4 - media error, media source not supported\n         */\n        const isCorrupted = error.code === 3 && (video_js__WEBPACK_IMPORTED_MODULE_0___default().browser).IS_SAFARI;\n        if ([isCorrupted, error.code === 4].includes(true) && [_utils_consts__WEBPACK_IMPORTED_MODULE_17__.SOURCE_TYPE.AUDIO, _utils_consts__WEBPACK_IMPORTED_MODULE_17__.SOURCE_TYPE.VIDEO].includes(type)) {\n          if (this.isLiveStream) {\n            this.videojs.error({\n              code: _plugins_cloudinary_common__WEBPACK_IMPORTED_MODULE_19__.ERROR_CODE.CUSTOM,\n              message: 'Live Stream not started'\n            });\n            this.reloadVideoUntilAvailable();\n          } else {\n            this.videojs.error(null);\n            _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].handleCldError(this, this.playerOptions);\n          }\n        } else {\n          this._resetReTryVideoState();\n        }\n      }\n    });\n    this.videojs.tech_.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.RETRY_PLAYLIST, () => {\n      const mediaRequestsErrored = lodash_get__WEBPACK_IMPORTED_MODULE_2___default()(this.videojs, 'hls.stats.mediaRequestsErrored', 0);\n      if (mediaRequestsErrored > 0) {\n        this._resetReTryVideoState();\n        _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].handleCldError(this, this.playerOptions);\n      }\n    });\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.PLAY, this._resetReTryVideoState);\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CAN_PLAY_THROUGH, this._resetReTryVideoState);\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, this._onSourceChange.bind(this));\n    this.videojs.ready(() => {\n      this._onReady();\n      if (ready) {\n        ready(this);\n      }\n    });\n  }\n  _initPlugins() {\n    this._initIma();\n    this._initAutoplay();\n    this._initContextMenu();\n    this._initPerSrcBehaviors();\n    this._initCloudinary();\n    this._initAnalytics();\n    this._initCloudinaryAnalytics();\n    this._initFloatingPlayer();\n    this._initVisualSearch();\n    this._initShare();\n    this._initColors();\n    this._initTextTracks();\n    this._initHighlightsGraph();\n    this._initSeekThumbs();\n    this._initChapters();\n    this._initInteractionAreas();\n    this._initSourceSwitcher();\n  }\n  _isFullScreen() {\n    return this.videojs.player().isFullscreen();\n  }\n  _initIma() {\n    if (this.playerOptions.ads && Object.keys(this.playerOptions.ads).length !== 0) {\n      _plugins__WEBPACK_IMPORTED_MODULE_8__[\"default\"].imaPlugin(this.videojs, this.playerOptions);\n    }\n  }\n  setTextTracks(conf) {\n    this.textTracksManager.removeAllTextTracks();\n    if (conf) {\n      const kinds = Object.keys(conf);\n      const allTracks = [];\n      for (const kind of kinds) {\n        if (kind !== 'options') {\n          const tracks = Array.isArray(conf[kind]) ? conf[kind] : [conf[kind]];\n          for (const track of tracks) {\n            allTracks.push(_objectSpread(_objectSpread({}, track), {}, {\n              kind: kind,\n              label: track.label,\n              srclang: track.language,\n              default: !!track.default,\n              src: track.url\n            }));\n          }\n        }\n      }\n      this.textTracksManager.addTextTracks(allTracks);\n      if (conf.options && this.videojs.styledTextTracks) {\n        this.videojs.styledTextTracks(conf.options);\n      }\n    }\n  }\n  _initSeekThumbs() {\n    if (this.playerOptions.seekThumbnails) {\n      this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref) => {\n        let {\n          source\n        } = _ref;\n        if (!source || source.getType() === _utils_consts__WEBPACK_IMPORTED_MODULE_17__.SOURCE_TYPE.AUDIO ||\n        // Is Audio\n        source.resourceConfig().type === 'live' ||\n        // Is live stream\n        (0,_plugins_cloudinary_common__WEBPACK_IMPORTED_MODULE_19__.isRawUrl)(source.publicId()) ||\n        // Is a raw url\n        this.videojs.activePlugins_ && this.videojs.activePlugins_.vr // It's a VR (i.e. 360)\n        ) {\n          return;\n        }\n        const publicId = source.publicId();\n        const transformation = Object.assign({}, source.transformation());\n        if (transformation) {\n          delete transformation.streaming_profile;\n          delete transformation.video_codec;\n        }\n        transformation.flags = transformation.flags || [];\n        transformation.flags.push('sprite');\n        const vttSrc = source.config().url(\"\".concat(publicId, \".vtt\"), {\n          transformation\n        }).replace(/\\.json$/, ''); // Handle playlist by tag\n\n        // vttThumbnails must be called differently on init and on source update.\n        lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(this.videojs.vttThumbnails) ? this.videojs.vttThumbnails({\n          src: vttSrc\n        }) : this.videojs.vttThumbnails.src(vttSrc);\n      });\n    }\n  }\n  _initHighlightsGraph() {\n    if (this.playerOptions.aiHighlightsGraph) {\n      this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref2) => {\n        let {\n          source\n        } = _ref2;\n        if (!source || source.getType() === _utils_consts__WEBPACK_IMPORTED_MODULE_17__.SOURCE_TYPE.AUDIO ||\n        // Is Audio\n        (0,_plugins_cloudinary_common__WEBPACK_IMPORTED_MODULE_19__.isRawUrl)(source.publicId()) // Is a raw url\n        ) {\n          return;\n        }\n        const publicId = source.publicId();\n\n        // Keep video-length related transformations and remove the rest\n        const inputTransformations = lodash_pick__WEBPACK_IMPORTED_MODULE_3___default()(source.transformation(), ['start_offset', 'end_offset', 'duration']);\n        const transformation = Object.assign({}, inputTransformations);\n        transformation.effect = 'preview';\n        transformation.flags = transformation.flags || [];\n        transformation.flags.push('getinfo');\n        const aiHighlightsGraphSrc = source.config().url(\"\".concat(publicId), {\n          transformation\n        }).replace(/\\.json$/, ''); // Handle playlist by tag\n\n        // Plugin is called differently on init and on source update.\n        lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(this.videojs.aiHighlightsGraph) ? this.videojs.aiHighlightsGraph({\n          src: aiHighlightsGraphSrc\n        }) : this.videojs.aiHighlightsGraph.src(aiHighlightsGraphSrc);\n      });\n    }\n  }\n  _initChapters() {\n    if (!this.playerOptions.chaptersButton && this.videojs.controlBar) {\n      this.videojs.controlBar.removeChild('chaptersButton');\n    }\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref3) => {\n      var _this$videojs$chapter;\n      let {\n        source\n      } = _ref3;\n      if ((!lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1___default()(source === null || source === void 0 ? void 0 : source._chapters) || (source === null || source === void 0 ? void 0 : source._chapters) === true) && this.videojs.chapters) {\n        lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(this.videojs.chapters) ? this.videojs.chapters(source._chapters) : this.videojs.chapters.src(source._chapters);\n      } else if ((_this$videojs$chapter = this.videojs.chapters) !== null && _this$videojs$chapter !== void 0 && _this$videojs$chapter.resetPlugin) {\n        this.videojs.chapters.resetPlugin();\n      }\n    });\n  }\n  _initInteractionAreas() {\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.READY, async () => {\n      if (this.options.videojsOptions.interactionDisplay && this.videojs.interactionAreas) {\n        this.videojs.interactionAreas(this, this.playerOptions, this._videojsOptions);\n      }\n    });\n  }\n  _initVisualSearch() {\n    // Listen for source changes to apply visual search based on source config\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref4) => {\n      var _this$videojs$visualS;\n      let {\n        source\n      } = _ref4;\n      if (source !== null && source !== void 0 && source._visualSearch && this.videojs.visualSearch) {\n        lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(this.videojs.visualSearch) ? this.videojs.visualSearch(source._visualSearch) : this.videojs.visualSearch.createSearchUI(source._visualSearch);\n      } else if (!(source !== null && source !== void 0 && source._visualSearch) && (_this$videojs$visualS = this.videojs.visualSearch) !== null && _this$videojs$visualS !== void 0 && _this$videojs$visualS.clearUI) {\n        this.videojs.visualSearch.clearUI();\n      }\n    });\n  }\n  _initShare() {\n    // Listen for source changes to apply Share plugin based on source config\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref5) => {\n      let {\n        source\n      } = _ref5;\n      if (!this.videojs.share) {\n        return;\n      }\n\n      // First time: initialise plugin if necessary\n      if (source !== null && source !== void 0 && source._download && lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(this.videojs.share)) {\n        this.videojs.share({\n          download: true\n        });\n      }\n      if (!lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(this.videojs.share)) {\n        // Plugin already initialised – update UI accordingly\n        if (source !== null && source !== void 0 && source._download) {\n          var _this$videojs$share$a, _this$videojs$share;\n          (_this$videojs$share$a = (_this$videojs$share = this.videojs.share).addDownloadButton) === null || _this$videojs$share$a === void 0 || _this$videojs$share$a.call(_this$videojs$share);\n        } else {\n          var _this$videojs$share$r, _this$videojs$share2;\n          (_this$videojs$share$r = (_this$videojs$share2 = this.videojs.share).removeDownloadButton) === null || _this$videojs$share$r === void 0 || _this$videojs$share$r.call(_this$videojs$share2);\n        }\n      }\n    });\n  }\n  _initColors() {\n    if (this.playerOptions.colors) {\n      this.videojs.colors({\n        colors: this.playerOptions.colors\n      });\n    }\n  }\n  _initTextTracks() {\n    this.textTracksManager = this.videojs.textTracksManager();\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref6) => {\n      let {\n        source\n      } = _ref6;\n      if (source !== null && source !== void 0 && source._textTracks) {\n        this.setTextTracks(source._textTracks);\n      }\n    });\n  }\n  _initPerSrcBehaviors() {\n    if (this.videojs.perSourceBehaviors) {\n      this.videojs.perSourceBehaviors();\n    }\n  }\n  _initJumpButtons() {\n    if (!this.playerOptions.showJumpControls && this.videojs.controlBar) {\n      this.videojs.controlBar.removeChild('JumpForwardButton');\n      this.videojs.controlBar.removeChild('JumpBackButton');\n    }\n  }\n  _initPictureInPicture() {\n    if (!this.playerOptions.pictureInPictureToggle && this.videojs.controlBar) {\n      this.videojs.controlBar.removeChild('pictureInPictureToggle');\n    }\n  }\n  _initBigPauseButton() {\n    if ((video_js__WEBPACK_IMPORTED_MODULE_0___default().browser).IS_IOS || (video_js__WEBPACK_IMPORTED_MODULE_0___default().browser).IS_ANDROID) {\n      this.videojs.addChild('BigPauseButton');\n    }\n  }\n  _initCloudinary() {\n    const cloudinaryConfig = this.playerOptions.cloudinary;\n    cloudinaryConfig.chainTarget = this;\n    if (cloudinaryConfig.secure !== false) {\n      (0,_plugins_cloudinary_common__WEBPACK_IMPORTED_MODULE_19__.extendCloudinaryConfig)(cloudinaryConfig, {\n        secure: true\n      });\n    }\n\n    // Merge cloudinary config with source config for the plugin\n    const cloudinaryOptions = _objectSpread({\n      cloudinaryConfig\n    }, this.playerOptions.sourceOptions);\n    this.videojs.cloudinary(cloudinaryOptions);\n  }\n  _initAnalytics() {\n    const analyticsOpts = this.playerOptions.analytics;\n    if (!window.gtag && analyticsOpts) {\n      console.error('Google Analytics script (gtag) is missing.');\n      return;\n    }\n    if (analyticsOpts) {\n      const opts = typeof analyticsOpts === 'object' ? analyticsOpts : {};\n      this.videojs.analytics(opts);\n    }\n  }\n  _initCloudinaryAnalytics() {\n    const cloudinaryAnalyticsOptionEnabled = !!this.playerOptions.cloudinaryAnalytics;\n    if (cloudinaryAnalyticsOptionEnabled) {\n      this.videojs.videoElement = this.videoElement;\n      const options = lodash_isObject__WEBPACK_IMPORTED_MODULE_5___default()(this.playerOptions.cloudinaryAnalytics) ? this.playerOptions.cloudinaryAnalytics : {};\n      this.videojs.cloudinaryAnalytics(options);\n    }\n  }\n  _initSourceSwitcher() {\n    var _this$playerOptions$s, _this$playerOptions$s2;\n    this.sourceSwitcher = this.videojs.sourceSwitcher();\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref7) => {\n      var _source$videoSources;\n      let {\n        source\n      } = _ref7;\n      const videoSources = (_source$videoSources = source.videoSources) === null || _source$videoSources === void 0 ? void 0 : _source$videoSources.call(source);\n      const isSourcesListAvailable = Array.isArray(videoSources) ? !!videoSources.length : false;\n      if (this.videojs.controlBar) {\n        const method = isSourcesListAvailable ? 'show' : 'hide';\n        const element = this.videojs.controlBar.getChild('sourceSwitcherButton');\n        if (element && typeof (element === null || element === void 0 ? void 0 : element[method]) === 'function') {\n          element[method]();\n        }\n      }\n      if (isSourcesListAvailable) {\n        const selectedIndex = videoSources.findIndex(_ref8 => {\n          let {\n            publicId\n          } = _ref8;\n          return publicId === source.publicId();\n        });\n        this.sourceSwitcher.reInit({\n          sources: videoSources,\n          selectedIndex: selectedIndex === -1 ? 0 : selectedIndex,\n          onSourceChange: _ref9 => {\n            let {\n                publicId\n              } = _ref9,\n              newSourceOptions = _objectWithoutProperties(_ref9, _excluded);\n            return this.source(publicId, _objectSpread(_objectSpread({}, newSourceOptions), {}, {\n              videoSources\n            }));\n          }\n        });\n      }\n    });\n    if (Array.isArray((_this$playerOptions$s = this.playerOptions.sourceOptions) === null || _this$playerOptions$s === void 0 ? void 0 : _this$playerOptions$s.videoSources) && (_this$playerOptions$s2 = this.playerOptions.sourceOptions) !== null && _this$playerOptions$s2 !== void 0 && _this$playerOptions$s2.videoSources.length) {\n      // eslint-disable-next-line no-unused-vars\n      const _this$playerOptions$s3 = this.playerOptions.sourceOptions.videoSources[0],\n        {\n          publicId,\n          label\n        } = _this$playerOptions$s3,\n        videoSourceData = _objectWithoutProperties(_this$playerOptions$s3, _excluded2);\n      this.source(publicId, _objectSpread(_objectSpread({}, videoSourceData), {}, {\n        videoSources: this.playerOptions.sourceOptions.videoSources\n      }));\n    }\n  }\n  reTryVideoStateUntilAvailable() {\n    let maxNumberOfCalls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Number.POSITIVE_INFINITY;\n    let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : RETRY_DEFAULT_TIMEOUT;\n    if (typeof this.reTryVideoStateRetriesCount !== 'number') {\n      this.reTryVideoStateRetriesCount = 0;\n    }\n    if (!(0,_utils_video_retry__WEBPACK_IMPORTED_MODULE_20__.isVideoInReadyState)(this.videojs.readyState())) {\n      if (this.reTryVideoStateRetriesCount < maxNumberOfCalls) {\n        this.reTryVideoStateRetriesCount++;\n        this.reTryVideoStateTimeoutId = this.videojs.setTimeout(() => this.reTryVideoStateUntilAvailable(maxNumberOfCalls, timeout), timeout);\n      } else {\n        let e = new Error('Video is not ready please try later');\n        this.videojs.trigger('error', e);\n      }\n    } else {\n      this.reTryVideoStateRetriesCount = 0;\n    }\n  }\n  reloadVideoUntilAvailable() {\n    let maxNumberOfCalls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Number.POSITIVE_INFINITY;\n    let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : RETRY_DEFAULT_TIMEOUT;\n    if (typeof this.reloadVideoRetriesCount !== 'number') {\n      this.reloadVideoRetriesCount = 0;\n    }\n    if (this.reloadVideoRetriesCount < maxNumberOfCalls) {\n      this.reloadVideoRetriesCount++;\n      this.reloadVideoTimeoutId = this.videojs.setTimeout(() => {\n        const videoUrl = this.currentSourceUrl();\n        (0,_utils_video_retry__WEBPACK_IMPORTED_MODULE_20__.checkIfVideoIsAvailable)(videoUrl, this.isLiveStream ? 'live' : 'default').then(() => this.source(videoUrl)).catch(() => this.reloadVideoUntilAvailable(maxNumberOfCalls, timeout));\n      }, timeout);\n    } else {\n      this.videojs.trigger('error', new Error('Sorry, we could not load your video'));\n    }\n  }\n  _initAutoplay() {\n    const autoplayMode = this.playerOptions.autoplayMode;\n    if (autoplayMode === 'on-scroll') {\n      this.videojs.autoplayOnScroll();\n    }\n  }\n  _initContextMenu() {\n    if (!this.playerOptions.hideContextMenu) {\n      this.videojs.contextMenu(_config_defaults__WEBPACK_IMPORTED_MODULE_10__[\"default\"].contextMenu);\n    }\n  }\n  _initFloatingPlayer() {\n    if (this.playerOptions.floatingWhenNotVisible !== _video_player_const__WEBPACK_IMPORTED_MODULE_15__.FLOATING_TO.NONE) {\n      this.videojs.floatingPlayer({\n        floatTo: this.playerOptions.floatingWhenNotVisible\n      });\n    }\n  }\n  _setCssClasses() {\n    this.videojs.addClass(_utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].CLASS_PREFIX);\n    this.videojs.addClass(_utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].playerClassPrefix(this.videojs));\n    _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].setSkinClassPrefix(this.videojs, _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].skinClassPrefix(this.videojs));\n  }\n  _onReady() {\n    this._setExtendedEvents();\n\n    // Load first video (mainly to support video tag 'source' and 'public-id' attributes)\n    // Source parameters are set to playerOptions.sourceOptions\n    const source = this.playerOptions.sourceOptions.source || this.playerOptions.sourceOptions.publicId;\n    if (source) {\n      const sourceOptions = Object.assign({}, this.playerOptions.sourceOptions);\n      this.source(source, sourceOptions);\n    }\n  }\n  _onSourceChange(e, _ref0) {\n    var _source$resourceConfi;\n    let {\n      source,\n      sourceOptions\n    } = _ref0;\n    this._sendInternalAnalytics(_objectSpread({}, sourceOptions && {\n      sourceOptions\n    }));\n    this.isLiveStream = (source === null || source === void 0 || (_source$resourceConfi = source.resourceConfig()) === null || _source$resourceConfi === void 0 ? void 0 : _source$resourceConfi.type) === 'live';\n  }\n  _setExtendedEvents() {\n    const events = [];\n    if (this.playerOptions.playedEventPercents) {\n      events.push({\n        type: _utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.PERCENTS_PLAYED,\n        percents: this.playerOptions.playedEventPercents\n      });\n    }\n    if (this.playerOptions.playedEventTimes) {\n      events.push({\n        type: _utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.TIME_PLAYED,\n        times: this.playerOptions.playedEventTimes\n      });\n    }\n    events.push(...[_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.SEEK, _utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.MUTE, _utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.UNMUTE, _utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.QUALITY_CHANGED]);\n    const extendedEvents = new _extended_events__WEBPACK_IMPORTED_MODULE_12__[\"default\"](this.videojs, {\n      events\n    });\n    Object.keys(extendedEvents.events).forEach(_event => {\n      const handler = (event, data) => {\n        this.videojs.trigger({\n          type: _event,\n          eventData: data\n        });\n      };\n      extendedEvents.on(_event, handler);\n    });\n  }\n  cloudinaryConfig(config) {\n    return this.videojs.cloudinary.cloudinaryConfig(config);\n  }\n  currentPublicId() {\n    return this.videojs.cloudinary.currentPublicId();\n  }\n  currentSourceUrl() {\n    return this.videojs.currentSource().src;\n  }\n  currentPoster() {\n    return this.videojs.cloudinary.currentPoster();\n  }\n  source(publicId) {\n    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    ({\n      publicId,\n      options\n    } = (0,_plugins_cloudinary_common__WEBPACK_IMPORTED_MODULE_19__.normalizeOptions)(publicId, options));\n    if (!this._isPlayerConfigValid) {\n      return;\n    }\n    if (this.playerOptions.debug) {\n      options.debug = true;\n      (0,_validators_validators_functions__WEBPACK_IMPORTED_MODULE_16__.isValidSourceConfig)(options).then(valid => {\n        if (!valid) {\n          this.videojs.error('invalid source configuration');\n        }\n      });\n    }\n    if (publicId instanceof _plugins_cloudinary_models_video_source_video_source__WEBPACK_IMPORTED_MODULE_13__[\"default\"]) {\n      return this.videojs.cloudinary.source(publicId, options);\n    }\n\n    // Inherit source parameters from player options (source options take precedence)\n    const inherited = this.playerOptions.sourceOptions || {};\n    options = _objectSpread(_objectSpread({}, inherited), options);\n    if (options.shoppable && this.videojs.shoppable) {\n      this.videojs.shoppable(this.videojs, options);\n    }\n    this._resetReloadVideo();\n    this._resetReTryVideoState();\n    const maxTries = this.videojs.options_.maxTries || 3;\n    const videoReadyTimeout = this.videojs.options_.videoTimeout || 55000;\n    this.reTryVideoStateUntilAvailable(maxTries, videoReadyTimeout);\n    return this.videojs.cloudinary.source(publicId, options);\n  }\n  posterOptions(options) {\n    return this.videojs.cloudinary.posterOptions(options);\n  }\n  skin(name) {\n    if (name !== undefined && lodash_isString__WEBPACK_IMPORTED_MODULE_6___default()(name)) {\n      _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].setSkinClassPrefix(this.videojs, name);\n    }\n    return _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].skinClassPrefix(this.videojs);\n  }\n  playlist(sources) {\n    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    this.playerOptions.playlistWidget = _objectSpread(_objectSpread({}, this.playerOptions.playlistWidget || {\n      show: false\n    }), {}, {\n      playlist: true\n    });\n    options = Object.assign({}, options, {\n      playlistWidget: this.playerOptions.playlistWidget\n    });\n    this.videojs.one(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.READY, async () => {\n      const playlistPlugin = await this.videojs.playlist(options);\n      playlistPlugin(sources, options);\n    });\n    return this.videojs.cloudinary.playlist ? this.videojs.cloudinary.playlist(sources, options) : this;\n  }\n  playlistByTag(tag) {\n    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    this.playerOptions.playlistWidget = _objectSpread(_objectSpread({}, this.playerOptions.playlistWidget || {\n      show: false\n    }), {}, {\n      playlistByTag: true\n    });\n    options = Object.assign({}, options, {\n      playlistWidget: this.playerOptions.playlistWidget\n    });\n    return new Promise(resolve => {\n      this.videojs.one(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.READY, async () => {\n        const playlistPlugin = await this.videojs.playlist(options);\n        playlistPlugin(await this.sourcesByTag(tag, options), options);\n        resolve(this);\n      });\n    });\n  }\n  sourcesByTag(tag) {\n    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    return this.videojs.cloudinary.sourcesByTag(tag, options);\n  }\n  fluid(bool) {\n    if (bool === undefined) {\n      return this.videojs.fluid();\n    }\n    if (bool) {\n      this.videojs.addClass(_video_player_const__WEBPACK_IMPORTED_MODULE_15__.FLUID_CLASS_NAME);\n    } else {\n      this.videojs.removeClass(_video_player_const__WEBPACK_IMPORTED_MODULE_15__.FLUID_CLASS_NAME);\n    }\n    this.videojs.fluid(bool);\n    this.videojs.trigger(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.FLUID, bool);\n    return this;\n  }\n  play() {\n    this.playWasCalled = true;\n    this.videojs.play();\n    return this;\n  }\n  stop() {\n    this.pause();\n    this.currentTime(0);\n    return this;\n  }\n  playPrevious() {\n    this.playlist().playPrevious();\n    return this;\n  }\n  playNext() {\n    this.playlist().playNext();\n    return this;\n  }\n  transformation(trans) {\n    return this.videojs.cloudinary.transformation(trans);\n  }\n  sourceTypes(types) {\n    return this.videojs.cloudinary.sourceTypes(types);\n  }\n  sourceTransformation(trans) {\n    return this.videojs.cloudinary.sourceTransformation(trans);\n  }\n  autoShowRecommendations(autoShow) {\n    return this.videojs.cloudinary.autoShowRecommendations(autoShow);\n  }\n  duration() {\n    return this.videojs.duration();\n  }\n  height(dimension) {\n    if (!dimension) {\n      return this.videojs.height();\n    }\n    this.videojs.height(dimension);\n    return this;\n  }\n  width(dimension) {\n    if (!dimension) {\n      return this.videojs.width();\n    }\n    this.videojs.width(dimension);\n    return this;\n  }\n  volume(volume) {\n    if (!volume) {\n      return this.videojs.volume();\n    }\n    this.videojs.volume(volume);\n    return this;\n  }\n  mute() {\n    if (!this.isMuted()) {\n      this.videojs.muted(true);\n    }\n    return this;\n  }\n  unmute() {\n    if (this.isMuted()) {\n      this.videojs.muted(false);\n    }\n    return this;\n  }\n  isMuted() {\n    return this.videojs.muted();\n  }\n  pause() {\n    this.videojs.pause();\n    return this;\n  }\n  currentTime(offsetSeconds) {\n    if (!offsetSeconds && offsetSeconds !== 0) {\n      return this.videojs.currentTime();\n    }\n    this.videojs.currentTime(offsetSeconds);\n    return this;\n  }\n  maximize() {\n    if (!this.isMaximized()) {\n      this.videojs.requestFullscreen();\n    }\n    return this;\n  }\n  exitMaximize() {\n    if (this.isMaximized()) {\n      this.videojs.exitFullscreen();\n    }\n    return this;\n  }\n  isMaximized() {\n    return this.videojs.isFullscreen();\n  }\n  dispose() {\n    this.videojs.dispose();\n  }\n  controls(bool) {\n    if (bool === undefined) {\n      return this.videojs.controls();\n    }\n    this.videojs.controls(bool);\n    return this;\n  }\n  ima() {\n    return {\n      playAd: this.videojs.ima.playAd\n    };\n  }\n  loop(bool) {\n    if (bool === undefined) {\n      return this.videojs.loop();\n    }\n    this.videojs.loop(bool);\n    return this;\n  }\n  el() {\n    return this.videojs.el();\n  }\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (VideoPlayer);\n\n//# sourceURL=webpack://cloudinary-video-player/./video-player.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ \"../node_modules/video.js/dist/alt/video.core-exposed.js\");\n/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var uuid__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! uuid */ \"../node_modules/uuid/dist/esm-browser/v4.js\");\n/* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/isEmpty */ \"../node_modules/lodash/isEmpty.js\");\n/* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/get */ \"../node_modules/lodash/get.js\");\n/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var lodash_pick__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/pick */ \"../node_modules/lodash/pick.js\");\n/* harmony import */ var lodash_pick__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_pick__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/isFunction */ \"../node_modules/lodash/isFunction.js\");\n/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/isObject */ \"../node_modules/lodash/isObject.js\");\n/* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_isObject__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash_isString__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/isString */ \"../node_modules/lodash/isString.js\");\n/* harmony import */ var lodash_isString__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_isString__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components */ \"./components/index.js\");\n/* harmony import */ var _plugins__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./plugins */ \"./plugins/index.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils */ \"./utils/index.js\");\n/* harmony import */ var _config_defaults__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./config/defaults */ \"./config/defaults.js\");\n/* harmony import */ var _mixins_eventable__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./mixins/eventable */ \"./mixins/eventable.js\");\n/* harmony import */ var _extended_events__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./extended-events */ \"./extended-events.js\");\n/* harmony import */ var _plugins_cloudinary_models_video_source_video_source__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./plugins/cloudinary/models/video-source/video-source */ \"./plugins/cloudinary/models/video-source/video-source.js\");\n/* harmony import */ var _video_player_utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./video-player.utils */ \"./video-player.utils.js\");\n/* harmony import */ var _video_player_const__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./video-player.const */ \"./video-player.const.js\");\n/* harmony import */ var _validators_validators_functions__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./validators/validators-functions */ \"./validators/validators-functions.js\");\n/* harmony import */ var _utils_consts__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./utils/consts */ \"./utils/consts.js\");\n/* harmony import */ var _utils_get_analytics_player_options__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./utils/get-analytics-player-options */ \"./utils/get-analytics-player-options.js\");\n/* harmony import */ var _plugins_cloudinary_common__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./plugins/cloudinary/common */ \"./plugins/cloudinary/common.js\");\n/* harmony import */ var _utils_video_retry__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./utils/video-retry */ \"./utils/video-retry.js\");\nconst _excluded = [\"publicId\"],\n  _excluded2 = [\"publicId\", \"label\"];\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst INTERNAL_ANALYTICS_URL = 'https://analytics-api-s.cloudinary.com';\nconst RETRY_DEFAULT_TIMEOUT = 5 * 1000;\n\n// Register all plugins\nObject.keys(_plugins__WEBPACK_IMPORTED_MODULE_8__[\"default\"]).forEach(key => {\n  video_js__WEBPACK_IMPORTED_MODULE_0___default().registerPlugin(key, _plugins__WEBPACK_IMPORTED_MODULE_8__[\"default\"][key]);\n});\n(0,_video_player_utils__WEBPACK_IMPORTED_MODULE_14__.overrideDefaultVideojsComponents)();\nclass VideoPlayer extends _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].mixin(_mixins_eventable__WEBPACK_IMPORTED_MODULE_11__[\"default\"]) {\n  static all(selector) {\n    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n      args[_key - 1] = arguments[_key];\n    }\n    const nodeList = document.querySelectorAll(selector);\n    return [...nodeList].map(node => new VideoPlayer(node, ...args));\n  }\n  get playerOptions() {\n    return this.options.playerOptions;\n  }\n  constructor(elem, options, ready) {\n    super();\n    _defineProperty(this, \"_resetReTryVideoState\", () => {\n      this.reTryVideoStateRetriesCount = 0;\n      this.videojs.clearTimeout(this.reTryVideoStateTimeoutId);\n    });\n    _defineProperty(this, \"_resetReloadVideo\", () => {\n      this.reloadVideoRetriesCount = 0;\n      this.videojs.clearTimeout(this.reloadVideoTimeoutId);\n    });\n    this.videoElement = elem;\n    this.options = (0,_video_player_utils__WEBPACK_IMPORTED_MODULE_14__.splitOptions)(options);\n    this._videojsOptions = this.options.videojsOptions;\n\n    // Make sure to add 'video-js' class before creating videojs instance\n    this.videoElement.classList.add('video-js');\n\n    // Handle WebFont loading\n    _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].fontFace(this.videoElement, this.playerOptions.fontFace);\n\n    // Handle play button options\n    if (this._videojsOptions.bigPlayButton === 'init') {\n      this.videoElement.classList.add('vjs-big-play-button-init-only');\n      this._videojsOptions.bigPlayButton = true;\n    }\n    this.videojs = video_js__WEBPACK_IMPORTED_MODULE_0___default()(this.videoElement, this._videojsOptions);\n    this._isPlayerConfigValid = true;\n    if (this.playerOptions.debug) {\n      (0,_validators_validators_functions__WEBPACK_IMPORTED_MODULE_16__.isValidPlayerConfig)(this.options).then(valid => {\n        if (!valid) {\n          this._isPlayerConfigValid = false;\n          this.videojs.error('invalid player configuration');\n          return;\n        }\n      });\n    }\n    if (this._videojsOptions.muted) {\n      this.videojs.volume(0.4);\n    }\n    if (this.playerOptions.fluid) {\n      this.fluid(this.playerOptions.fluid);\n    }\n    this._setCssClasses();\n    this._initPlugins();\n    this._initJumpButtons();\n    this._initPictureInPicture();\n    this._initBigPauseButton();\n    this._setVideoJsListeners(ready);\n  }\n  getVPInstanceId() {\n    if (!this.vpInstanceId) {\n      this.vpInstanceId = (0,uuid__WEBPACK_IMPORTED_MODULE_21__[\"default\"])();\n    }\n    return this.vpInstanceId;\n  }\n  _sendInternalAnalytics() {\n    var _options$sourceOption;\n    let additionalOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    const options = Object.assign({}, this.playerOptions, this.options.videojsOptions, additionalOptions);\n    if (!((_options$sourceOption = options.sourceOptions) !== null && _options$sourceOption !== void 0 && _options$sourceOption.allowUsageReport)) {\n      return;\n    }\n    try {\n      var _options$_internalAna;\n      const internalAnalyticsMetadata = (_options$_internalAna = options._internalAnalyticsMetadata) !== null && _options$_internalAna !== void 0 ? _options$_internalAna : {};\n      const analyticsData = (0,_utils_get_analytics_player_options__WEBPACK_IMPORTED_MODULE_18__.getAnalyticsFromPlayerOptions)(options);\n      const analyticsParams = new URLSearchParams(analyticsData).toString();\n      const baseParams = new URLSearchParams(_objectSpread({\n        vpVersion: \"3.6.3-edge.6\",\n        vpInstanceId: this.getVPInstanceId(),\n        cloudName: options.cloudinary.cloud_name\n      }, internalAnalyticsMetadata)).toString();\n      fetch(\"\".concat(INTERNAL_ANALYTICS_URL, \"/video_player_source?\").concat(analyticsParams, \"&\").concat(baseParams));\n    } catch (err) {\n      console.warn(err);\n    }\n  }\n  _setVideoJsListeners(ready) {\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.ERROR, () => {\n      const error = this.videojs.error();\n      if (error) {\n        const type = this._isPlayerConfigValid && this.videojs.cloudinary.currentSourceType();\n\n        /*\n         error codes :\n         3 - media playback was aborted due to a corruption problem\n         4 - media error, media source not supported\n         */\n        const isCorrupted = error.code === 3 && (video_js__WEBPACK_IMPORTED_MODULE_0___default().browser).IS_SAFARI;\n        if ([isCorrupted, error.code === 4].includes(true) && [_utils_consts__WEBPACK_IMPORTED_MODULE_17__.SOURCE_TYPE.AUDIO, _utils_consts__WEBPACK_IMPORTED_MODULE_17__.SOURCE_TYPE.VIDEO].includes(type)) {\n          if (this.isLiveStream) {\n            this.videojs.error({\n              code: _plugins_cloudinary_common__WEBPACK_IMPORTED_MODULE_19__.ERROR_CODE.CUSTOM,\n              message: 'Live Stream not started'\n            });\n            this.reloadVideoUntilAvailable();\n          } else {\n            this.videojs.error(null);\n            _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].handleCldError(this, this.playerOptions);\n          }\n        } else {\n          this._resetReTryVideoState();\n        }\n      }\n    });\n    this.videojs.tech_.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.RETRY_PLAYLIST, () => {\n      const mediaRequestsErrored = lodash_get__WEBPACK_IMPORTED_MODULE_2___default()(this.videojs, 'hls.stats.mediaRequestsErrored', 0);\n      if (mediaRequestsErrored > 0) {\n        this._resetReTryVideoState();\n        _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].handleCldError(this, this.playerOptions);\n      }\n    });\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.PLAY, this._resetReTryVideoState);\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CAN_PLAY_THROUGH, this._resetReTryVideoState);\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, this._onSourceChange.bind(this));\n    this.videojs.ready(() => {\n      this._onReady();\n      if (ready) {\n        ready(this);\n      }\n    });\n  }\n  _initPlugins() {\n    this._initIma();\n    this._initAutoplay();\n    this._initContextMenu();\n    this._initPerSrcBehaviors();\n    this._initCloudinary();\n    this._initAnalytics();\n    this._initCloudinaryAnalytics();\n    this._initFloatingPlayer();\n    this._initVisualSearch();\n    this._initShare();\n    this._initColors();\n    this._initTextTracks();\n    this._initHighlightsGraph();\n    this._initSeekThumbs();\n    this._initChapters();\n    this._initInteractionAreas();\n    this._initSourceSwitcher();\n  }\n  _isFullScreen() {\n    return this.videojs.player().isFullscreen();\n  }\n  _initIma() {\n    if (this.playerOptions.ads && Object.keys(this.playerOptions.ads).length !== 0) {\n      _plugins__WEBPACK_IMPORTED_MODULE_8__[\"default\"].imaPlugin(this.videojs, this.playerOptions);\n    }\n  }\n  setTextTracks(conf) {\n    this.textTracksManager.removeAllTextTracks();\n    if (conf) {\n      const kinds = Object.keys(conf);\n      const allTracks = [];\n      for (const kind of kinds) {\n        if (kind !== 'options') {\n          const tracks = Array.isArray(conf[kind]) ? conf[kind] : [conf[kind]];\n          for (const track of tracks) {\n            allTracks.push(_objectSpread(_objectSpread({}, track), {}, {\n              kind: kind,\n              label: track.label,\n              srclang: track.language,\n              default: !!track.default,\n              src: track.url\n            }));\n          }\n        }\n      }\n      this.textTracksManager.addTextTracks(allTracks);\n      if (conf.options && this.videojs.styledTextTracks) {\n        this.videojs.styledTextTracks(conf.options);\n      }\n    }\n  }\n  _initSeekThumbs() {\n    if (this.playerOptions.seekThumbnails) {\n      this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref) => {\n        let {\n          source\n        } = _ref;\n        if (!source || source.getType() === _utils_consts__WEBPACK_IMPORTED_MODULE_17__.SOURCE_TYPE.AUDIO ||\n        // Is Audio\n        source.resourceConfig().type === 'live' ||\n        // Is live stream\n        (0,_plugins_cloudinary_common__WEBPACK_IMPORTED_MODULE_19__.isRawUrl)(source.publicId()) ||\n        // Is a raw url\n        this.videojs.activePlugins_ && this.videojs.activePlugins_.vr // It's a VR (i.e. 360)\n        ) {\n          return;\n        }\n        const publicId = source.publicId();\n        const transformation = Object.assign({}, source.transformation());\n        if (transformation) {\n          delete transformation.streaming_profile;\n          delete transformation.video_codec;\n        }\n        transformation.flags = transformation.flags || [];\n        transformation.flags.push('sprite');\n        const vttSrc = source.config().url(\"\".concat(publicId, \".vtt\"), {\n          transformation\n        }).replace(/\\.json$/, ''); // Handle playlist by tag\n\n        // vttThumbnails must be called differently on init and on source update.\n        lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(this.videojs.vttThumbnails) ? this.videojs.vttThumbnails({\n          src: vttSrc\n        }) : this.videojs.vttThumbnails.src(vttSrc);\n      });\n    }\n  }\n  _initHighlightsGraph() {\n    if (this.playerOptions.aiHighlightsGraph) {\n      this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref2) => {\n        let {\n          source\n        } = _ref2;\n        if (!source || source.getType() === _utils_consts__WEBPACK_IMPORTED_MODULE_17__.SOURCE_TYPE.AUDIO ||\n        // Is Audio\n        (0,_plugins_cloudinary_common__WEBPACK_IMPORTED_MODULE_19__.isRawUrl)(source.publicId()) // Is a raw url\n        ) {\n          return;\n        }\n        const publicId = source.publicId();\n\n        // Keep video-length related transformations and remove the rest\n        const inputTransformations = lodash_pick__WEBPACK_IMPORTED_MODULE_3___default()(source.transformation(), ['start_offset', 'end_offset', 'duration']);\n        const transformation = Object.assign({}, inputTransformations);\n        transformation.effect = 'preview';\n        transformation.flags = transformation.flags || [];\n        transformation.flags.push('getinfo');\n        const aiHighlightsGraphSrc = source.config().url(\"\".concat(publicId), {\n          transformation\n        }).replace(/\\.json$/, ''); // Handle playlist by tag\n\n        // Plugin is called differently on init and on source update.\n        lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(this.videojs.aiHighlightsGraph) ? this.videojs.aiHighlightsGraph({\n          src: aiHighlightsGraphSrc\n        }) : this.videojs.aiHighlightsGraph.src(aiHighlightsGraphSrc);\n      });\n    }\n  }\n  _initChapters() {\n    if (!this.playerOptions.chaptersButton && this.videojs.controlBar) {\n      this.videojs.controlBar.removeChild('chaptersButton');\n    }\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref3) => {\n      var _this$videojs$chapter;\n      let {\n        source\n      } = _ref3;\n      if ((!lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1___default()(source === null || source === void 0 ? void 0 : source._chapters) || (source === null || source === void 0 ? void 0 : source._chapters) === true) && this.videojs.chapters) {\n        lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(this.videojs.chapters) ? this.videojs.chapters(source._chapters) : this.videojs.chapters.src(source._chapters);\n      } else if ((_this$videojs$chapter = this.videojs.chapters) !== null && _this$videojs$chapter !== void 0 && _this$videojs$chapter.resetPlugin) {\n        this.videojs.chapters.resetPlugin();\n      }\n    });\n  }\n  _initInteractionAreas() {\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.READY, async () => {\n      if (this.options.videojsOptions.interactionDisplay && this.videojs.interactionAreas) {\n        this.videojs.interactionAreas(this, this.playerOptions, this._videojsOptions);\n      }\n    });\n  }\n  _initVisualSearch() {\n    // Listen for source changes to apply visual search based on source config\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref4) => {\n      var _this$videojs$visualS;\n      let {\n        source\n      } = _ref4;\n      if (source !== null && source !== void 0 && source._visualSearch && this.videojs.visualSearch) {\n        lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(this.videojs.visualSearch) ? this.videojs.visualSearch(source._visualSearch) : this.videojs.visualSearch.createSearchUI(source._visualSearch);\n      } else if (!(source !== null && source !== void 0 && source._visualSearch) && (_this$videojs$visualS = this.videojs.visualSearch) !== null && _this$videojs$visualS !== void 0 && _this$videojs$visualS.clearUI) {\n        this.videojs.visualSearch.clearUI();\n      }\n    });\n  }\n  _initShare() {\n    // Listen for source changes to apply Share plugin based on source config\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref5) => {\n      let {\n        source\n      } = _ref5;\n      if (!this.videojs.share) {\n        return;\n      }\n\n      // First time: initialise plugin if necessary\n      if (source !== null && source !== void 0 && source._download && lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(this.videojs.share)) {\n        this.videojs.share({\n          download: true\n        });\n      }\n      if (!lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(this.videojs.share)) {\n        // Plugin already initialised – update UI accordingly\n        if (source !== null && source !== void 0 && source._download) {\n          var _this$videojs$share$a, _this$videojs$share;\n          (_this$videojs$share$a = (_this$videojs$share = this.videojs.share).addDownloadButton) === null || _this$videojs$share$a === void 0 || _this$videojs$share$a.call(_this$videojs$share);\n        } else {\n          var _this$videojs$share$r, _this$videojs$share2;\n          (_this$videojs$share$r = (_this$videojs$share2 = this.videojs.share).removeDownloadButton) === null || _this$videojs$share$r === void 0 || _this$videojs$share$r.call(_this$videojs$share2);\n        }\n      }\n    });\n  }\n  _initColors() {\n    if (this.playerOptions.colors) {\n      this.videojs.colors({\n        colors: this.playerOptions.colors\n      });\n    }\n  }\n  _initTextTracks() {\n    this.textTracksManager = this.videojs.textTracksManager();\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref6) => {\n      let {\n        source\n      } = _ref6;\n      if (source !== null && source !== void 0 && source._textTracks) {\n        this.setTextTracks(source._textTracks);\n      }\n    });\n  }\n  _initPerSrcBehaviors() {\n    if (this.videojs.perSourceBehaviors) {\n      this.videojs.perSourceBehaviors();\n    }\n  }\n  _initJumpButtons() {\n    if (!this.playerOptions.showJumpControls && this.videojs.controlBar) {\n      this.videojs.controlBar.removeChild('JumpForwardButton');\n      this.videojs.controlBar.removeChild('JumpBackButton');\n    }\n  }\n  _initPictureInPicture() {\n    if (!this.playerOptions.pictureInPictureToggle && this.videojs.controlBar) {\n      this.videojs.controlBar.removeChild('pictureInPictureToggle');\n    }\n  }\n  _initBigPauseButton() {\n    if ((video_js__WEBPACK_IMPORTED_MODULE_0___default().browser).IS_IOS || (video_js__WEBPACK_IMPORTED_MODULE_0___default().browser).IS_ANDROID) {\n      this.videojs.addChild('BigPauseButton');\n    }\n  }\n  _initCloudinary() {\n    const cloudinaryConfig = this.playerOptions.cloudinary;\n    cloudinaryConfig.chainTarget = this;\n    if (cloudinaryConfig.secure !== false) {\n      (0,_plugins_cloudinary_common__WEBPACK_IMPORTED_MODULE_19__.extendCloudinaryConfig)(cloudinaryConfig, {\n        secure: true\n      });\n    }\n\n    // Merge cloudinary config with source config for the plugin\n    const cloudinaryOptions = _objectSpread({\n      cloudinaryConfig\n    }, this.playerOptions.sourceOptions);\n    this.videojs.cloudinary(cloudinaryOptions);\n  }\n  _initAnalytics() {\n    const analyticsOpts = this.playerOptions.analytics;\n    if (!window.gtag && analyticsOpts) {\n      console.error('Google Analytics script (gtag) is missing.');\n      return;\n    }\n    if (analyticsOpts) {\n      const opts = typeof analyticsOpts === 'object' ? analyticsOpts : {};\n      this.videojs.analytics(opts);\n    }\n  }\n  _initCloudinaryAnalytics() {\n    const cloudinaryAnalyticsOptionEnabled = !!this.playerOptions.cloudinaryAnalytics;\n    if (cloudinaryAnalyticsOptionEnabled) {\n      this.videojs.videoElement = this.videoElement;\n      const options = lodash_isObject__WEBPACK_IMPORTED_MODULE_5___default()(this.playerOptions.cloudinaryAnalytics) ? this.playerOptions.cloudinaryAnalytics : {};\n      this.videojs.cloudinaryAnalytics(options);\n    }\n  }\n  _initSourceSwitcher() {\n    var _this$playerOptions$s, _this$playerOptions$s2;\n    this.sourceSwitcher = this.videojs.sourceSwitcher();\n    this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref7) => {\n      var _source$videoSources;\n      let {\n        source\n      } = _ref7;\n      const videoSources = (_source$videoSources = source.videoSources) === null || _source$videoSources === void 0 ? void 0 : _source$videoSources.call(source);\n      const isSourcesListAvailable = Array.isArray(videoSources) ? !!videoSources.length : false;\n      if (this.videojs.controlBar) {\n        const method = isSourcesListAvailable ? 'show' : 'hide';\n        const element = this.videojs.controlBar.getChild('sourceSwitcherButton');\n        if (element && typeof (element === null || element === void 0 ? void 0 : element[method]) === 'function') {\n          element[method]();\n        }\n      }\n      if (isSourcesListAvailable) {\n        const selectedIndex = videoSources.findIndex(_ref8 => {\n          let {\n            publicId\n          } = _ref8;\n          return publicId === source.publicId();\n        });\n        this.sourceSwitcher.reInit({\n          sources: videoSources,\n          selectedIndex: selectedIndex === -1 ? 0 : selectedIndex,\n          onSourceChange: _ref9 => {\n            let {\n                publicId\n              } = _ref9,\n              newSourceOptions = _objectWithoutProperties(_ref9, _excluded);\n            return this.source(publicId, _objectSpread(_objectSpread({}, newSourceOptions), {}, {\n              videoSources\n            }));\n          }\n        });\n      }\n    });\n    if (Array.isArray((_this$playerOptions$s = this.playerOptions.sourceOptions) === null || _this$playerOptions$s === void 0 ? void 0 : _this$playerOptions$s.videoSources) && (_this$playerOptions$s2 = this.playerOptions.sourceOptions) !== null && _this$playerOptions$s2 !== void 0 && _this$playerOptions$s2.videoSources.length) {\n      // eslint-disable-next-line no-unused-vars\n      const _this$playerOptions$s3 = this.playerOptions.sourceOptions.videoSources[0],\n        {\n          publicId,\n          label\n        } = _this$playerOptions$s3,\n        videoSourceData = _objectWithoutProperties(_this$playerOptions$s3, _excluded2);\n      this.source(publicId, _objectSpread(_objectSpread({}, videoSourceData), {}, {\n        videoSources: this.playerOptions.sourceOptions.videoSources\n      }));\n    }\n  }\n  reTryVideoStateUntilAvailable() {\n    let maxNumberOfCalls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Number.POSITIVE_INFINITY;\n    let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : RETRY_DEFAULT_TIMEOUT;\n    if (typeof this.reTryVideoStateRetriesCount !== 'number') {\n      this.reTryVideoStateRetriesCount = 0;\n    }\n    if (!(0,_utils_video_retry__WEBPACK_IMPORTED_MODULE_20__.isVideoInReadyState)(this.videojs.readyState())) {\n      if (this.reTryVideoStateRetriesCount < maxNumberOfCalls) {\n        this.reTryVideoStateRetriesCount++;\n        this.reTryVideoStateTimeoutId = this.videojs.setTimeout(() => this.reTryVideoStateUntilAvailable(maxNumberOfCalls, timeout), timeout);\n      } else {\n        let e = new Error('Video is not ready please try later');\n        this.videojs.trigger('error', e);\n      }\n    } else {\n      this.reTryVideoStateRetriesCount = 0;\n    }\n  }\n  reloadVideoUntilAvailable() {\n    let maxNumberOfCalls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Number.POSITIVE_INFINITY;\n    let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : RETRY_DEFAULT_TIMEOUT;\n    if (typeof this.reloadVideoRetriesCount !== 'number') {\n      this.reloadVideoRetriesCount = 0;\n    }\n    if (this.reloadVideoRetriesCount < maxNumberOfCalls) {\n      this.reloadVideoRetriesCount++;\n      this.reloadVideoTimeoutId = this.videojs.setTimeout(() => {\n        const videoUrl = this.currentSourceUrl();\n        (0,_utils_video_retry__WEBPACK_IMPORTED_MODULE_20__.checkIfVideoIsAvailable)(videoUrl, this.isLiveStream ? 'live' : 'default').then(() => this.source(videoUrl)).catch(() => this.reloadVideoUntilAvailable(maxNumberOfCalls, timeout));\n      }, timeout);\n    } else {\n      this.videojs.trigger('error', new Error('Sorry, we could not load your video'));\n    }\n  }\n  _initAutoplay() {\n    const autoplayMode = this.playerOptions.autoplayMode;\n    if (autoplayMode === 'on-scroll') {\n      this.videojs.autoplayOnScroll();\n    }\n  }\n  _initContextMenu() {\n    if (!this.playerOptions.hideContextMenu) {\n      this.videojs.contextMenu(_config_defaults__WEBPACK_IMPORTED_MODULE_10__[\"default\"].contextMenu);\n    }\n  }\n  _initFloatingPlayer() {\n    if (this.playerOptions.floatingWhenNotVisible !== _video_player_const__WEBPACK_IMPORTED_MODULE_15__.FLOATING_TO.NONE) {\n      this.videojs.floatingPlayer({\n        floatTo: this.playerOptions.floatingWhenNotVisible\n      });\n    }\n  }\n  _setCssClasses() {\n    this.videojs.addClass(_utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].CLASS_PREFIX);\n    this.videojs.addClass(_utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].playerClassPrefix(this.videojs));\n    _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].setSkinClassPrefix(this.videojs, _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].skinClassPrefix(this.videojs));\n  }\n  _onReady() {\n    this._setExtendedEvents();\n\n    // Load first video (mainly to support video tag 'source' and 'public-id' attributes)\n    // Source parameters are set to playerOptions.sourceOptions\n    const source = this.playerOptions.sourceOptions.source || this.playerOptions.sourceOptions.publicId;\n    if (source) {\n      const sourceOptions = Object.assign({}, this.playerOptions.sourceOptions);\n      this.source(source, sourceOptions);\n    }\n  }\n  _onSourceChange(e, _ref0) {\n    var _source$resourceConfi;\n    let {\n      source,\n      sourceOptions\n    } = _ref0;\n    this._sendInternalAnalytics(_objectSpread({}, sourceOptions && {\n      sourceOptions\n    }));\n    this.isLiveStream = (source === null || source === void 0 || (_source$resourceConfi = source.resourceConfig()) === null || _source$resourceConfi === void 0 ? void 0 : _source$resourceConfi.type) === 'live';\n  }\n  _setExtendedEvents() {\n    const events = [];\n    if (this.playerOptions.playedEventPercents) {\n      events.push({\n        type: _utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.PERCENTS_PLAYED,\n        percents: this.playerOptions.playedEventPercents\n      });\n    }\n    if (this.playerOptions.playedEventTimes) {\n      events.push({\n        type: _utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.TIME_PLAYED,\n        times: this.playerOptions.playedEventTimes\n      });\n    }\n    events.push(...[_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.SEEK, _utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.MUTE, _utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.UNMUTE, _utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.QUALITY_CHANGED]);\n    const extendedEvents = new _extended_events__WEBPACK_IMPORTED_MODULE_12__[\"default\"](this.videojs, {\n      events\n    });\n    Object.keys(extendedEvents.events).forEach(_event => {\n      const handler = (event, data) => {\n        this.videojs.trigger({\n          type: _event,\n          eventData: data\n        });\n      };\n      extendedEvents.on(_event, handler);\n    });\n  }\n  cloudinaryConfig(config) {\n    return this.videojs.cloudinary.cloudinaryConfig(config);\n  }\n  currentPublicId() {\n    return this.videojs.cloudinary.currentPublicId();\n  }\n  currentSourceUrl() {\n    return this.videojs.currentSource().src;\n  }\n  currentPoster() {\n    return this.videojs.cloudinary.currentPoster();\n  }\n  source(publicId) {\n    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    ({\n      publicId,\n      options\n    } = (0,_plugins_cloudinary_common__WEBPACK_IMPORTED_MODULE_19__.normalizeOptions)(publicId, options));\n    if (!this._isPlayerConfigValid) {\n      return;\n    }\n    if (this.playerOptions.debug) {\n      options.debug = true;\n      (0,_validators_validators_functions__WEBPACK_IMPORTED_MODULE_16__.isValidSourceConfig)(options).then(valid => {\n        if (!valid) {\n          this.videojs.error('invalid source configuration');\n        }\n      });\n    }\n    if (publicId instanceof _plugins_cloudinary_models_video_source_video_source__WEBPACK_IMPORTED_MODULE_13__[\"default\"]) {\n      return this.videojs.cloudinary.source(publicId, options);\n    }\n\n    // Inherit source parameters from player options (source options take precedence)\n    const inherited = this.playerOptions.sourceOptions || {};\n    options = _objectSpread(_objectSpread({}, inherited), options);\n    if (options.shoppable && this.videojs.shoppable) {\n      this.videojs.shoppable(this.videojs, options);\n    }\n    this._resetReloadVideo();\n    this._resetReTryVideoState();\n    const maxTries = this.videojs.options_.maxTries || 3;\n    const videoReadyTimeout = this.videojs.options_.videoTimeout || 55000;\n    this.reTryVideoStateUntilAvailable(maxTries, videoReadyTimeout);\n    return this.videojs.cloudinary.source(publicId, options);\n  }\n  posterOptions(options) {\n    return this.videojs.cloudinary.posterOptions(options);\n  }\n  skin(name) {\n    if (name !== undefined && lodash_isString__WEBPACK_IMPORTED_MODULE_6___default()(name)) {\n      _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].setSkinClassPrefix(this.videojs, name);\n    }\n    return _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].skinClassPrefix(this.videojs);\n  }\n  playlist(sources) {\n    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    this.playerOptions.playlistWidget = _objectSpread(_objectSpread({}, this.playerOptions.playlistWidget || {\n      show: false\n    }), {}, {\n      playlist: true\n    });\n    options = Object.assign({}, options, {\n      playlistWidget: this.playerOptions.playlistWidget\n    });\n    this.videojs.one(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.READY, async () => {\n      const playlistPlugin = await this.videojs.playlist(options);\n      playlistPlugin(sources, options);\n    });\n    return this.videojs.cloudinary.playlist ? this.videojs.cloudinary.playlist(sources, options) : this;\n  }\n  playlistByTag(tag) {\n    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    this.playerOptions.playlistWidget = _objectSpread(_objectSpread({}, this.playerOptions.playlistWidget || {\n      show: false\n    }), {}, {\n      playlistByTag: true\n    });\n    options = Object.assign({}, options, {\n      playlistWidget: this.playerOptions.playlistWidget\n    });\n    return new Promise(resolve => {\n      this.videojs.one(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.READY, async () => {\n        const playlistPlugin = await this.videojs.playlist(options);\n        playlistPlugin(await this.sourcesByTag(tag, options), options);\n        resolve(this);\n      });\n    });\n  }\n  sourcesByTag(tag) {\n    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    return this.videojs.cloudinary.sourcesByTag(tag, options);\n  }\n  fluid(bool) {\n    if (bool === undefined) {\n      return this.videojs.fluid();\n    }\n    if (bool) {\n      this.videojs.addClass(_video_player_const__WEBPACK_IMPORTED_MODULE_15__.FLUID_CLASS_NAME);\n    } else {\n      this.videojs.removeClass(_video_player_const__WEBPACK_IMPORTED_MODULE_15__.FLUID_CLASS_NAME);\n    }\n    this.videojs.fluid(bool);\n    this.videojs.trigger(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.FLUID, bool);\n    return this;\n  }\n  play() {\n    this.playWasCalled = true;\n    this.videojs.play();\n    return this;\n  }\n  stop() {\n    this.pause();\n    this.currentTime(0);\n    return this;\n  }\n  playPrevious() {\n    this.playlist().playPrevious();\n    return this;\n  }\n  playNext() {\n    this.playlist().playNext();\n    return this;\n  }\n  transformation(trans) {\n    return this.videojs.cloudinary.transformation(trans);\n  }\n  sourceTypes(types) {\n    return this.videojs.cloudinary.sourceTypes(types);\n  }\n  sourceTransformation(trans) {\n    return this.videojs.cloudinary.sourceTransformation(trans);\n  }\n  autoShowRecommendations(autoShow) {\n    return this.videojs.cloudinary.autoShowRecommendations(autoShow);\n  }\n  duration() {\n    return this.videojs.duration();\n  }\n  height(dimension) {\n    if (!dimension) {\n      return this.videojs.height();\n    }\n    this.videojs.height(dimension);\n    return this;\n  }\n  width(dimension) {\n    if (!dimension) {\n      return this.videojs.width();\n    }\n    this.videojs.width(dimension);\n    return this;\n  }\n  volume(volume) {\n    if (!volume) {\n      return this.videojs.volume();\n    }\n    this.videojs.volume(volume);\n    return this;\n  }\n  mute() {\n    if (!this.isMuted()) {\n      this.videojs.muted(true);\n    }\n    return this;\n  }\n  unmute() {\n    if (this.isMuted()) {\n      this.videojs.muted(false);\n    }\n    return this;\n  }\n  isMuted() {\n    return this.videojs.muted();\n  }\n  pause() {\n    this.videojs.pause();\n    return this;\n  }\n  currentTime(offsetSeconds) {\n    if (!offsetSeconds && offsetSeconds !== 0) {\n      return this.videojs.currentTime();\n    }\n    this.videojs.currentTime(offsetSeconds);\n    return this;\n  }\n  maximize() {\n    if (!this.isMaximized()) {\n      this.videojs.requestFullscreen();\n    }\n    return this;\n  }\n  exitMaximize() {\n    if (this.isMaximized()) {\n      this.videojs.exitFullscreen();\n    }\n    return this;\n  }\n  isMaximized() {\n    return this.videojs.isFullscreen();\n  }\n  dispose() {\n    this.videojs.dispose();\n  }\n  controls(bool) {\n    if (bool === undefined) {\n      return this.videojs.controls();\n    }\n    this.videojs.controls(bool);\n    return this;\n  }\n  ima() {\n    return {\n      playAd: this.videojs.ima.playAd\n    };\n  }\n  loop(bool) {\n    if (bool === undefined) {\n      return this.videojs.loop();\n    }\n    this.videojs.loop(bool);\n    return this;\n  }\n  el() {\n    return this.videojs.el();\n  }\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (VideoPlayer);\n\n//# sourceURL=webpack://cloudinary-video-player/./video-player.js?");
 
 /***/ }),