cloudinary-video-player 3.1.2-edge.4 → 3.2.0

package/dist/chapters.js

@@ -1,6 +1,6 @@
 /*!
- * Cloudinary Video Player v3.1.2-edge.4
- * Built on 2025-08-11T06:41:19.174Z
+ * Cloudinary Video Player v3.2.0
+ * Built on 2025-08-11T14:07:18.597Z
  * https://github.com/cloudinary/cloudinary-video-player
  */
 "use strict";

package/dist/chapters.min.js

@@ -1,6 +1,6 @@
 /*!
- * Cloudinary Video Player v3.1.2-edge.4
- * Built on 2025-08-11T06:41:01.308Z
+ * Cloudinary Video Player v3.2.0
+ * Built on 2025-08-11T14:06:59.923Z
  * https://github.com/cloudinary/cloudinary-video-player
  */
 "use strict";(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[625],{9234:(t,e,r)=>{r.d(e,{default:()=>p});var s=r(6673),a=r.n(s),i=r(8033),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();return`${`${(0,i.k$)(this.player.cloudinary.cloudinaryConfig())}/_applet_/video_service/chapters/${e}/${(0,o.G)(t)}.vtt`}?t=${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: ${s}`});e.el().append(i)}}))},t.prototype.setupProgressBarChapter=function(){const t=a().dom.createEl("div",void 0,{class:"vjs-chapter-display",style:`max-width: ${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=>{const e=t*this.player.duration(),r=Array.from(this.chaptersTrack?.cues||[]).find((t=>e>=t.startTime&&e<=t.endTime));return r?r.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=`${n}px`:e.width*s+n>o?this.el_.style.left=e.width-n+"px":this.el_.style.left=e.width*s+"px"})),r.write(a().time.formatTime(i))})},t}(),p=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.1.2-edge.4
- * Built on 2025-08-11T06:41:19.174Z
+ * Cloudinary Video Player v3.2.0
+ * Built on 2025-08-11T14:07:18.597Z
  * https://github.com/cloudinary/cloudinary-video-player
  */
 /*!*************************************************************************************************!*\

package/dist/cld-video-player.js

@@ -1,6 +1,6 @@
 /*!
- * Cloudinary Video Player v3.1.2-edge.4
- * Built on 2025-08-11T06:41:19.174Z
+ * Cloudinary Video Player v3.2.0
+ * Built on 2025-08-11T14:07:18.597Z
  * https://github.com/cloudinary/cloudinary-video-player
  */
 /*
@@ -228,7 +228,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\");\n\n\n\nclass CloudinaryAnalytics {\n  constructor(player, options) {\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  getMetadata = () => ({\n    cloudName: this.player.cloudinary.cloudinaryConfig().cloud_name,\n    publicId: this.player.cloudinary.currentPublicId()\n  });\n  sourceChanged = (e, _ref) => {\n    let {\n      source\n    } = _ref;\n    const metadata = this.getMetadata();\n    if (metadata.cloudName && metadata.publicId) {\n      const isLiveStream = source?.resourceConfig().type === 'live';\n      this.currentVideoMetadata = metadata;\n      this.cloudinaryAnalytics.startManualTracking({\n        ...metadata,\n        ...(isLiveStream ? {\n          type: 'live'\n        } : {})\n      }, {\n        ...(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_0___default()(this.analyticsOptions) ? this.analyticsOptions : {}),\n        videoPlayerType: 'cloudinary video player',\n        videoPlayerVersion: \"3.1.2-edge.4\"\n      });\n    } else if (this.currentVideoMetadata.cloudName !== metadata.cloudName || this.currentVideoMetadata.publicId !== metadata.publicId) {\n      this.cloudinaryAnalytics.stopManualTracking();\n    }\n  };\n  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  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\");\n\n\n\nclass CloudinaryAnalytics {\n  constructor(player, options) {\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  getMetadata = () => ({\n    cloudName: this.player.cloudinary.cloudinaryConfig().cloud_name,\n    publicId: this.player.cloudinary.currentPublicId()\n  });\n  sourceChanged = (e, _ref) => {\n    let {\n      source\n    } = _ref;\n    const metadata = this.getMetadata();\n    if (metadata.cloudName && metadata.publicId) {\n      const isLiveStream = source?.resourceConfig().type === 'live';\n      this.currentVideoMetadata = metadata;\n      this.cloudinaryAnalytics.startManualTracking({\n        ...metadata,\n        ...(isLiveStream ? {\n          type: 'live'\n        } : {})\n      }, {\n        ...(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_0___default()(this.analyticsOptions) ? this.analyticsOptions : {}),\n        videoPlayerType: 'cloudinary video player',\n        videoPlayerVersion: \"3.2.0\"\n      });\n    } else if (this.currentVideoMetadata.cloudName !== metadata.cloudName || this.currentVideoMetadata.publicId !== metadata.publicId) {\n      this.cloudinaryAnalytics.stopManualTracking();\n    }\n  };\n  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  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?");
 
 /***/ }),
 
@@ -261,7 +261,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\");\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({\n            ...options.adaptiveStreaming,\n            isDash,\n            debug: options.debug\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      options.poster = options.poster || posterOptionsForCurrent();\n      options.queryParams = Object.assign(options.queryParams || {}, options.allowUsageReport ? {\n        _s: `vp-${\"3.1.2-edge.4\"}`\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; ${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\");\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({\n            ...options.adaptiveStreaming,\n            isDash,\n            debug: options.debug\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      options.poster = options.poster || posterOptionsForCurrent();\n      options.queryParams = Object.assign(options.queryParams || {}, options.allowUsageReport ? {\n        _s: `vp-${\"3.2.0\"}`\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; ${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?");
 
 /***/ }),
 
@@ -382,7 +382,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.1.2-edge.4\"\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.2.0\"\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?");
 
 /***/ }),
 
@@ -646,7 +646,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 */   getAnalyticsFromPlayerOptions: () => (/* binding */ getAnalyticsFromPlayerOptions)\n/* harmony export */ });\n/* harmony import */ var config_defaults__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! config/defaults */ \"./config/defaults.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_isObject__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/isObject */ \"../node_modules/lodash/isObject.js\");\n/* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_isObject__WEBPACK_IMPORTED_MODULE_2__);\n\n\n\nconst hasConfig = obj => lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1___default()(obj) ? null : true;\nconst filterDefaultsAndNulls = obj => Object.entries(obj).reduce((filtered, _ref) => {\n  let [key, value] = _ref;\n  if (value !== config_defaults__WEBPACK_IMPORTED_MODULE_0__[\"default\"][key] && value !== undefined && value !== null) {\n    filtered[key] = value;\n  }\n  return filtered;\n}, {});\nconst getCloudinaryOptions = function () {\n  let cloudinaryOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  return {\n    autoShowRecommendations: cloudinaryOptions.autoShowRecommendations,\n    fontFace: cloudinaryOptions.fontFace,\n    posterOptions: hasConfig(cloudinaryOptions.posterOptions),\n    posterOptionsPublicId: cloudinaryOptions.posterOptions && hasConfig(cloudinaryOptions.posterOptions.publicId)\n  };\n};\nconst getTranscriptOptions = function () {\n  let textTracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const tracksArr = [textTracks.captions, ...(textTracks.subtitles || [])];\n  return {\n    textTracks: hasConfig(textTracks),\n    textTracksLength: tracksArr.length,\n    textTracksOptions: hasConfig(textTracks.options) && Object.keys(textTracks.options).join(','),\n    pacedTextTracks: hasConfig(textTracks) && JSON.stringify(textTracks || {}).includes('\"maxWords\":') || null,\n    wordHighlight: hasConfig(textTracks) && JSON.stringify(textTracks || {}).includes('\"wordHighlight\":') || null,\n    transcriptLanguages: tracksArr.filter(track => !track.url).map(track => track.language || '').join(',') || null,\n    transcriptAutoLoaded: tracksArr.some(track => !track.url) || null,\n    transcriptFromURl: tracksArr.some(track => track.url?.endsWith('.transcript')) || null,\n    vttFromUrl: tracksArr.some(track => track.url?.endsWith('.vtt')) || null,\n    srtFromUrl: tracksArr.some(track => track.url?.endsWith('.srt')) || null\n  };\n};\nconst getSourceOptions = function () {\n  let sourceOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  return {\n    sourceTypes: sourceOptions.sourceTypes,\n    chapters: sourceOptions.chapters && (sourceOptions.chapters.url ? 'url' : 'inline-chapters'),\n    visualSearch: hasConfig(sourceOptions.visualSearch),\n    download: hasConfig(sourceOptions.download),\n    recommendations: sourceOptions.recommendations && sourceOptions.recommendations.length,\n    ...(sourceOptions.adaptiveStreaming ? {\n      abrStrategy: sourceOptions?.adaptiveStreaming?.strategy\n    } : {}),\n    shoppable: hasConfig(sourceOptions.shoppable),\n    shoppableProductsLength: sourceOptions.shoppable && sourceOptions.shoppable.products && sourceOptions.shoppable.products.length,\n    ...(sourceOptions.title || sourceOptions.description || sourceOptions.info ? {\n      sourceInfo: hasConfig(sourceOptions.info),\n      sourceTitle: typeof sourceOptions.title === 'string' ? sourceOptions.title : sourceOptions.info?.title,\n      sourceDescription: typeof sourceOptions.description === 'string' ? sourceOptions.description : sourceOptions.info?.subtitle || sourceOptions.info?.description\n    } : {}),\n    ...(sourceOptions.textTracks ? {\n      ...(hasConfig(sourceOptions.textTracks) && getTranscriptOptions(sourceOptions.textTracks)),\n      ...(sourceOptions.textTracks.options ? {\n        styledTextTracksTheme: sourceOptions.textTracks.options.theme,\n        styledTextTracksFont: sourceOptions.textTracks.options.fontFace,\n        styledTextTracksFontSize: sourceOptions.textTracks.options.fontSize,\n        styledTextTracksGravity: sourceOptions.textTracks.options.gravity,\n        styledTextTracksBox: hasConfig(sourceOptions.textTracks.options.box),\n        styledTextTracksStyle: hasConfig(sourceOptions.textTracks.options.style),\n        styledTextTracksWordHighlightStyle: hasConfig(sourceOptions.textTracks.options.wordHighlightStyle)\n      } : {})\n    } : {})\n  };\n};\nconst getAdsOptions = function () {\n  let adsOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  return {\n    adsAdTagUrl: adsOptions.adTagUrl,\n    adsShowCountdown: adsOptions.showCountdown,\n    adsAdLabel: adsOptions.adLabel,\n    adsLocale: adsOptions.locale,\n    adsPrerollTimeout: adsOptions.prerollTimeout,\n    adsPostrollTimeout: adsOptions.postrollTimeout,\n    adsAdsInPlaylist: adsOptions.adsInPlaylist\n  };\n};\nconst getPlaylistWidgetOptions = function () {\n  let playlistWidgetOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  return {\n    playlistWidgetDirection: playlistWidgetOptions.direction,\n    playlistWidgetTotal: playlistWidgetOptions.total\n  };\n};\nconst getAnalyticsFromPlayerOptions = playerOptions => filterDefaultsAndNulls({\n  aiHighlightsGraph: playerOptions.aiHighlightsGraph,\n  analytics: hasConfig(playerOptions.analytics),\n  autoplay: playerOptions.autoplay,\n  autoplayMode: playerOptions.autoplayMode,\n  bigPlayButton: playerOptions.bigPlayButton,\n  className: playerOptions.class,\n  cloudinaryAnalytics: !!playerOptions.cloudinaryAnalytics,\n  cloudinaryAnalyticsOptions: lodash_isObject__WEBPACK_IMPORTED_MODULE_2___default()(playerOptions.cloudinaryAnalytics),\n  controls: playerOptions.controls,\n  floatingWhenNotVisible: playerOptions.floatingWhenNotVisible,\n  fluid: playerOptions.fluid,\n  height: playerOptions.height,\n  hideContextMenu: playerOptions.hideContextMenu,\n  logoImageUrl: playerOptions.logoImageUrl,\n  logoOnclickUrl: playerOptions.logoOnclickUrl,\n  loop: playerOptions.loop,\n  maxTries: playerOptions.maxTries,\n  muted: playerOptions.muted,\n  playbackRates: playerOptions.playbackRates,\n  playedEventPercents: playerOptions.playedEventPercents,\n  playedEventTimes: playerOptions.playedEventTimes,\n  playsinline: playerOptions.playsinline,\n  preload: playerOptions.preload,\n  videoTimeout: playerOptions.videoTimeout,\n  seekThumbnails: playerOptions.seekThumbnails,\n  showJumpControls: playerOptions.showJumpControls,\n  chaptersButton: playerOptions.chaptersButton,\n  pictureInPictureToggle: playerOptions.pictureInPictureToggle,\n  showLogo: playerOptions.showLogo,\n  skin: playerOptions.skin,\n  videoJS: hasConfig(playerOptions.videoJS),\n  width: playerOptions.width,\n  withCredentials: playerOptions.withCredentials,\n  debug: playerOptions.debug,\n  type: playerOptions.type,\n  colors: playerOptions.colors && JSON.stringify(playerOptions.colors),\n  controlBar: JSON.stringify(playerOptions.controlBar) !== JSON.stringify(config_defaults__WEBPACK_IMPORTED_MODULE_0__[\"default\"].controlBar) && JSON.stringify(playerOptions.controlBar),\n  ...getCloudinaryOptions(playerOptions.cloudinary),\n  ...getSourceOptions(playerOptions.sourceOptions),\n  ...getAdsOptions(playerOptions.ads),\n  ...getPlaylistWidgetOptions(playerOptions.playlistWidget)\n});\n\n//# sourceURL=webpack://cloudinary-video-player/./utils/get-analytics-player-options.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   getAnalyticsFromPlayerOptions: () => (/* binding */ getAnalyticsFromPlayerOptions)\n/* harmony export */ });\n/* harmony import */ var config_defaults__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! config/defaults */ \"./config/defaults.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_isObject__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/isObject */ \"../node_modules/lodash/isObject.js\");\n/* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_isObject__WEBPACK_IMPORTED_MODULE_2__);\n\n\n\nconst hasConfig = obj => lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1___default()(obj) ? null : true;\nconst filterDefaultsAndNulls = obj => Object.entries(obj).reduce((filtered, _ref) => {\n  let [key, value] = _ref;\n  if (value !== config_defaults__WEBPACK_IMPORTED_MODULE_0__[\"default\"][key] && value !== undefined && value !== null) {\n    filtered[key] = value;\n  }\n  return filtered;\n}, {});\nconst getSourceOptions = function () {\n  let sourceOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  return {\n    posterOptions: hasConfig(sourceOptions.posterOptions),\n    posterOptionsPublicId: sourceOptions.posterOptions && hasConfig(sourceOptions.posterOptions.publicId),\n    autoShowRecommendations: sourceOptions.autoShowRecommendations,\n    fontFace: sourceOptions.fontFace,\n    sourceTypes: sourceOptions.sourceTypes,\n    chapters: (() => {\n      if (sourceOptions.chapters === true) return 'auto';\n      if (sourceOptions.chapters && sourceOptions.chapters.url) return 'url';\n      if (sourceOptions.chapters) return 'inline-chapters';\n      return undefined;\n    })(),\n    visualSearch: sourceOptions.visualSearch,\n    download: hasConfig(sourceOptions.download),\n    recommendations: sourceOptions.recommendations && sourceOptions.recommendations.length,\n    ...(hasConfig(sourceOptions.adaptiveStreaming) ? {\n      abrStrategy: sourceOptions?.adaptiveStreaming?.strategy === config_defaults__WEBPACK_IMPORTED_MODULE_0__[\"default\"].adaptiveStreaming.strategy ? undefined : sourceOptions?.adaptiveStreaming?.strategy\n    } : {}),\n    shoppable: hasConfig(sourceOptions.shoppable),\n    shoppableProductsLength: sourceOptions.shoppable && sourceOptions.shoppable.products && sourceOptions.shoppable.products.length,\n    ...(sourceOptions.title || sourceOptions.description || sourceOptions.info ? {\n      sourceInfo: hasConfig(sourceOptions.info),\n      sourceTitle: typeof sourceOptions.title === 'string' ? sourceOptions.title : sourceOptions.info?.title,\n      sourceDescription: typeof sourceOptions.description === 'string' ? sourceOptions.description : sourceOptions.info?.subtitle || sourceOptions.info?.description\n    } : {}),\n    ...(hasConfig(sourceOptions.textTracks) ? getTextTracksOptions(sourceOptions.textTracks) : {})\n  };\n};\nconst getTextTracksOptions = function () {\n  let textTracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const tracksArr = [textTracks.captions, ...(textTracks.subtitles || [])];\n  return {\n    textTracks: hasConfig(textTracks),\n    textTracksLength: tracksArr.length,\n    textTracksOptions: hasConfig(textTracks.options) && Object.keys(textTracks.options).join(','),\n    pacedTextTracks: hasConfig(textTracks) && JSON.stringify(textTracks || {}).includes('\"maxWords\":') || null,\n    wordHighlight: hasConfig(textTracks) && JSON.stringify(textTracks || {}).includes('\"wordHighlight\":') || null,\n    transcriptLanguages: tracksArr.filter(track => !track.url).map(track => track.language || '').join(',') || null,\n    transcriptAutoLoaded: tracksArr.some(track => !track.url) || null,\n    transcriptFromURl: tracksArr.some(track => track.url?.endsWith('.transcript')) || null,\n    vttFromUrl: tracksArr.some(track => track.url?.endsWith('.vtt')) || null,\n    srtFromUrl: tracksArr.some(track => track.url?.endsWith('.srt')) || null,\n    ...(textTracks.options ? {\n      styledTextTracksTheme: textTracks.options.theme,\n      styledTextTracksFont: textTracks.options.fontFace,\n      styledTextTracksFontSize: textTracks.options.fontSize,\n      styledTextTracksGravity: textTracks.options.gravity,\n      styledTextTracksBox: hasConfig(textTracks.options.box),\n      styledTextTracksStyle: hasConfig(textTracks.options.style),\n      styledTextTracksWordHighlightStyle: hasConfig(textTracks.options.wordHighlightStyle)\n    } : {})\n  };\n};\nconst getAdsOptions = function () {\n  let adsOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  return {\n    adsAdTagUrl: adsOptions.adTagUrl,\n    adsShowCountdown: adsOptions.showCountdown,\n    adsAdLabel: adsOptions.adLabel,\n    adsLocale: adsOptions.locale,\n    adsPrerollTimeout: adsOptions.prerollTimeout,\n    adsPostrollTimeout: adsOptions.postrollTimeout,\n    adsAdsInPlaylist: adsOptions.adsInPlaylist\n  };\n};\nconst getPlaylistOptions = function () {\n  let playlistWidgetOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  return {\n    playlist: playlistWidgetOptions.playlist,\n    playlistByTag: playlistWidgetOptions.playlistByTag,\n    playlistWidgetDirection: playlistWidgetOptions.direction,\n    playlistWidgetTotal: playlistWidgetOptions.total\n  };\n};\nconst getAnalyticsFromPlayerOptions = playerOptions => filterDefaultsAndNulls({\n  aiHighlightsGraph: playerOptions.aiHighlightsGraph,\n  analytics: hasConfig(playerOptions.analytics),\n  autoplay: playerOptions.autoplay,\n  autoplayMode: playerOptions.autoplayMode,\n  bigPlayButton: playerOptions.bigPlayButton,\n  className: playerOptions.class,\n  cloudinaryAnalytics: !!playerOptions.cloudinaryAnalytics,\n  cloudinaryAnalyticsOptions: lodash_isObject__WEBPACK_IMPORTED_MODULE_2___default()(playerOptions.cloudinaryAnalytics),\n  controls: playerOptions.controls,\n  floatingWhenNotVisible: playerOptions.floatingWhenNotVisible,\n  fluid: playerOptions.fluid,\n  height: playerOptions.height,\n  hideContextMenu: playerOptions.hideContextMenu,\n  logoImageUrl: playerOptions.logoImageUrl,\n  logoOnclickUrl: playerOptions.logoOnclickUrl,\n  loop: playerOptions.loop,\n  maxTries: playerOptions.maxTries,\n  muted: playerOptions.muted,\n  playbackRates: playerOptions.playbackRates,\n  playedEventPercents: playerOptions.playedEventPercents,\n  playedEventTimes: playerOptions.playedEventTimes,\n  playsinline: playerOptions.playsinline,\n  preload: playerOptions.preload,\n  videoTimeout: playerOptions.videoTimeout,\n  seekThumbnails: playerOptions.seekThumbnails,\n  showJumpControls: playerOptions.showJumpControls,\n  chaptersButton: playerOptions.chaptersButton,\n  pictureInPictureToggle: playerOptions.pictureInPictureToggle,\n  showLogo: playerOptions.showLogo,\n  skin: playerOptions.skin,\n  videoJS: hasConfig(playerOptions.videoJS),\n  width: playerOptions.width,\n  withCredentials: playerOptions.withCredentials,\n  debug: playerOptions.debug,\n  type: playerOptions.type,\n  colors: playerOptions.colors && JSON.stringify(playerOptions.colors),\n  controlBar: JSON.stringify(playerOptions.controlBar) !== JSON.stringify(config_defaults__WEBPACK_IMPORTED_MODULE_0__[\"default\"].controlBar) && JSON.stringify(playerOptions.controlBar),\n  ...getSourceOptions(playerOptions.sourceOptions || {}),\n  ...getAdsOptions(playerOptions.ads),\n  ...getPlaylistOptions(playerOptions.playlistWidget)\n});\n\n//# sourceURL=webpack://cloudinary-video-player/./utils/get-analytics-player-options.js?");
 
 /***/ }),
 
@@ -767,7 +767,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\");\n\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, initOptions, ready) {\n    super();\n    this.videoElement = (0,_video_player_utils__WEBPACK_IMPORTED_MODULE_14__.getResolveVideoElement)(elem);\n    this.options = (0,_video_player_utils__WEBPACK_IMPORTED_MODULE_14__.extractOptions)(this.videoElement, initOptions);\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._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    let additionalOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    const options = Object.assign({}, this.playerOptions, this.options.videojsOptions, additionalOptions);\n    if (!options.allowUsageReport) {\n      return;\n    }\n    try {\n      const internalAnalyticsMetadata = options._internalAnalyticsMetadata ?? {};\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({\n        vpVersion: \"3.1.2-edge.4\",\n        vpInstanceId: this.getVPInstanceId(),\n        cloudName: options.cloudinary.cloudinaryConfig.cloud_name,\n        ...internalAnalyticsMetadata\n      }).toString();\n      fetch(`${INTERNAL_ANALYTICS_URL}/video_player_source?${analyticsParams}&${baseParams}`);\n    } catch (err) {\n      console.warn(err);\n    }\n  }\n  _resetReTryVideoState = () => {\n    this.reTryVideoStateRetriesCount = 0;\n    this.videojs.clearTimeout(this.reTryVideoStateTimeoutId);\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  }\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    // remove current text tracks\n    const currentTracks = this.videojs.remoteTextTracks();\n    if (currentTracks) {\n      for (let i = currentTracks.tracks_.length - 1; i >= 0; i--) {\n        this.videojs.removeRemoteTextTrack(currentTracks.tracks_[i]);\n      }\n    }\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({\n              ...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      _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].addTextTracks(allTracks, this.videojs);\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(`${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(`${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      let {\n        source\n      } = _ref3;\n      if ((!lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1___default()(source?._chapters) || 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.chapters?.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      let {\n        source\n      } = _ref4;\n      if (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?._visualSearch && this.videojs.visualSearch?.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?._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?._download) {\n          this.videojs.share.addDownloadButton?.();\n        } else {\n          this.videojs.share.removeDownloadButton?.();\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.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref6) => {\n      let {\n        source\n      } = _ref6;\n      if (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  _initCloudinary() {\n    const {\n      cloudinaryConfig\n    } = 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    this.videojs.cloudinary(this.playerOptions.cloudinary);\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  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  _resetReloadVideo = () => {\n    this.reloadVideoRetriesCount = 0;\n    this.videojs.clearTimeout(this.reloadVideoTimeoutId);\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.cloudinary\n    const source = this.playerOptions.cloudinary.source || this.playerOptions.cloudinary.publicId;\n    if (source) {\n      const sourceOptions = Object.assign({}, this.playerOptions.cloudinary);\n      this.source(source, sourceOptions);\n    }\n  }\n  _onSourceChange(e, _ref7) {\n    let {\n      source,\n      sourceOptions\n    } = _ref7;\n    this._sendInternalAnalytics({\n      ...(sourceOptions && {\n        sourceOptions\n      })\n    });\n    this.isLiveStream = source?.resourceConfig()?.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 = lodash_pick__WEBPACK_IMPORTED_MODULE_3___default()(this.playerOptions, _video_player_const__WEBPACK_IMPORTED_MODULE_15__.SOURCE_PARAMS);\n    const inheritedNested = this.playerOptions.cloudinary ? lodash_pick__WEBPACK_IMPORTED_MODULE_3___default()(this.playerOptions.cloudinary, _video_player_const__WEBPACK_IMPORTED_MODULE_15__.SOURCE_PARAMS) : {};\n    options = {\n      ...inherited,\n      ...inheritedNested,\n      ...options\n    };\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    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    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\");\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, initOptions, ready) {\n    super();\n    this.videoElement = (0,_video_player_utils__WEBPACK_IMPORTED_MODULE_14__.getResolveVideoElement)(elem);\n    this.options = (0,_video_player_utils__WEBPACK_IMPORTED_MODULE_14__.extractOptions)(this.videoElement, initOptions);\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._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    let additionalOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    const options = Object.assign({}, this.playerOptions, this.options.videojsOptions, additionalOptions);\n    if (!options.allowUsageReport) {\n      return;\n    }\n    try {\n      const internalAnalyticsMetadata = options._internalAnalyticsMetadata ?? {};\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({\n        vpVersion: \"3.2.0\",\n        vpInstanceId: this.getVPInstanceId(),\n        cloudName: options.cloudinary.cloud_name,\n        ...internalAnalyticsMetadata\n      }).toString();\n      fetch(`${INTERNAL_ANALYTICS_URL}/video_player_source?${analyticsParams}&${baseParams}`);\n    } catch (err) {\n      console.warn(err);\n    }\n  }\n  _resetReTryVideoState = () => {\n    this.reTryVideoStateRetriesCount = 0;\n    this.videojs.clearTimeout(this.reTryVideoStateTimeoutId);\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  }\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    // remove current text tracks\n    const currentTracks = this.videojs.remoteTextTracks();\n    if (currentTracks) {\n      for (let i = currentTracks.tracks_.length - 1; i >= 0; i--) {\n        this.videojs.removeRemoteTextTrack(currentTracks.tracks_[i]);\n      }\n    }\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({\n              ...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      _utils__WEBPACK_IMPORTED_MODULE_9__[\"default\"].addTextTracks(allTracks, this.videojs);\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(`${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(`${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      let {\n        source\n      } = _ref3;\n      if ((!lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1___default()(source?._chapters) || 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.chapters?.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      let {\n        source\n      } = _ref4;\n      if (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?._visualSearch && this.videojs.visualSearch?.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?._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?._download) {\n          this.videojs.share.addDownloadButton?.();\n        } else {\n          this.videojs.share.removeDownloadButton?.();\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.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref6) => {\n      let {\n        source\n      } = _ref6;\n      if (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  _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 = {\n      cloudinaryConfig,\n      ...this.playerOptions.sourceOptions\n    };\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  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  _resetReloadVideo = () => {\n    this.reloadVideoRetriesCount = 0;\n    this.videojs.clearTimeout(this.reloadVideoTimeoutId);\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, _ref7) {\n    let {\n      source,\n      sourceOptions\n    } = _ref7;\n    this._sendInternalAnalytics({\n      ...(sourceOptions && {\n        sourceOptions\n      })\n    });\n    this.isLiveStream = source?.resourceConfig()?.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 = {\n      ...inherited,\n      ...options\n    };\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 = {\n      ...(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 = {\n      ...(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?");
 
 /***/ }),
 
@@ -778,7 +778,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 */   addMetadataTrack: () => (/* binding */ addMetadataTrack),\n/* harmony export */   extractOptions: () => (/* binding */ extractOptions),\n/* harmony export */   getResolveVideoElement: () => (/* binding */ getResolveVideoElement),\n/* harmony export */   isLight: () => (/* binding */ isLight),\n/* harmony export */   normalizeAutoplay: () => (/* binding */ normalizeAutoplay),\n/* harmony export */   overrideDefaultVideojsComponents: () => (/* binding */ overrideDefaultVideojsComponents)\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 _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils */ \"./utils/index.js\");\n/* harmony import */ var _config_defaults__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./config/defaults */ \"./config/defaults.js\");\n/* harmony import */ var _video_player_const__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./video-player.const */ \"./video-player.const.js\");\n/* harmony import */ var lodash_isString__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/isString */ \"../node_modules/lodash/isString.js\");\n/* harmony import */ var lodash_isString__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_isString__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var css_escape__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! css.escape */ \"../node_modules/css.escape/css.escape.js\");\n/* harmony import */ var css_escape__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(css_escape__WEBPACK_IMPORTED_MODULE_5__);\n\n\n\n\n\n\n/*\n* Used to escape element identifiers that begin with certain\n* characters such as digits.\n* https://www.w3.org/International/questions/qa-escapes#css_identifiers\n*/\n\nconst addMetadataTrack = (videoJs, vttSource) => {\n  return videoJs.addRemoteTextTrack({\n    kind: 'metadata',\n    srclang: 'en',\n    src: vttSource,\n    default: true\n  }, true).track;\n};\nconst isLight = opts => {\n  return opts.class.indexOf('cld-video-player-skin-light') > -1 || opts.skin === 'light';\n};\nconst getResolveVideoElement = elem => {\n  if (lodash_isString__WEBPACK_IMPORTED_MODULE_4___default()(elem)) {\n    let id = elem;\n\n    // Adjust for jQuery ID syntax\n    if (id.indexOf('#') === 0) {\n      id = id.slice(1);\n    }\n    try {\n      elem = document.querySelector(`#${css_escape__WEBPACK_IMPORTED_MODULE_5___default()(id)}`) || video_js__WEBPACK_IMPORTED_MODULE_0___default().getPlayer(id);\n    } catch (err) {\n      // eslint-disable-line no-unused-vars\n      elem = null;\n    }\n    if (!elem) {\n      throw new Error(`Could not find element with id ${id}`);\n    }\n  }\n  if (!elem.tagName) {\n    throw new Error('Must specify either an element or an element id.');\n  } else if (elem.tagName !== 'VIDEO') {\n    throw new Error('Element is not a video tag.');\n  }\n  return elem;\n};\nconst normalizeAutoplay = options => {\n  const autoplayMode = options.autoplayMode;\n  if (autoplayMode) {\n    switch (autoplayMode) {\n      case _video_player_const__WEBPACK_IMPORTED_MODULE_3__.AUTO_PLAY_MODE.ALWAYS:\n        options.autoplay = true;\n        break;\n      case _video_player_const__WEBPACK_IMPORTED_MODULE_3__.AUTO_PLAY_MODE.ON_SCROLL:\n      case _video_player_const__WEBPACK_IMPORTED_MODULE_3__.AUTO_PLAY_MODE.NEVER:\n      default:\n        options.autoplay = false;\n    }\n  }\n};\nconst extractOptions = (elem, options) => {\n  const elemOptions = _utils__WEBPACK_IMPORTED_MODULE_1__[\"default\"].normalizeAttributes(elem);\n  if (video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.hasClass(elem, _video_player_const__WEBPACK_IMPORTED_MODULE_3__.FLUID_CLASS_NAME) || video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.hasClass(elem, 'vjs-fluid')) {\n    options.fluid = true;\n  }\n  // Default options < Markup options < Player options\n  options = video_js__WEBPACK_IMPORTED_MODULE_0___default().obj.merge({}, _config_defaults__WEBPACK_IMPORTED_MODULE_2__[\"default\"], elemOptions, options);\n\n  // In case of 'autoplay on scroll', we need to make sure normal HTML5 autoplay is off\n  normalizeAutoplay(options);\n\n  // VideoPlayer specific options\n  const playerOptions = _utils__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sliceAndUnsetProperties(options, ..._video_player_const__WEBPACK_IMPORTED_MODULE_3__.PLAYER_PARAMS);\n\n  // Cloudinary plugin specific options\n  playerOptions.cloudinary = _utils__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sliceAndUnsetProperties(playerOptions, ..._video_player_const__WEBPACK_IMPORTED_MODULE_3__.SOURCE_PARAMS);\n\n  // Allow explicitly passing options to videojs using the `videojs` namespace, in order\n  // to avoid param name conflicts:\n  // VideoPlayer.new({ controls: true, videojs: { controls: false })\n  if (options.videojs) {\n    Object.assign(options, options.videojs);\n    delete options.videojs;\n  }\n  return {\n    playerOptions,\n    videojsOptions: options\n  };\n};\nconst overrideDefaultVideojsComponents = () => {\n  const Player = video_js__WEBPACK_IMPORTED_MODULE_0___default().getComponent('Player');\n  let children = Player.prototype.options_.children;\n  if (children.indexOf('titleBar') === -1) {\n    children.push('titleBar');\n  }\n  const ControlBar = video_js__WEBPACK_IMPORTED_MODULE_0___default().getComponent('ControlBar');\n  if (ControlBar) {\n    children = ControlBar.prototype.options_.children;\n    // Add space instead of the progress control (which we detached from the controlBar, and absolutely positioned it above it)\n    // Also add a blank div underneath the progress control to stop bubbling up pointer events.\n    children.splice(children.indexOf('progressControl'), 0, 'spacer', 'progressControlEventsBlocker');\n\n    // Add skip buttons around the 'play-toggle'\n    children.splice(children.indexOf('playToggle'), 1, 'playToggle', 'JumpBackButton', 'JumpForwardButton');\n\n    // Position the 'logo-button' button last\n    children.push('logoButton');\n\n    // Remove these button\n    children.splice(children.indexOf('skipForward'), 1);\n    children.splice(children.indexOf('skipBackward'), 1);\n  }\n};\n\n//# sourceURL=webpack://cloudinary-video-player/./video-player.utils.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   addMetadataTrack: () => (/* binding */ addMetadataTrack),\n/* harmony export */   extractOptions: () => (/* binding */ extractOptions),\n/* harmony export */   getResolveVideoElement: () => (/* binding */ getResolveVideoElement),\n/* harmony export */   isLight: () => (/* binding */ isLight),\n/* harmony export */   normalizeAutoplay: () => (/* binding */ normalizeAutoplay),\n/* harmony export */   overrideDefaultVideojsComponents: () => (/* binding */ overrideDefaultVideojsComponents)\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 _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils */ \"./utils/index.js\");\n/* harmony import */ var _config_defaults__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./config/defaults */ \"./config/defaults.js\");\n/* harmony import */ var _video_player_const__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./video-player.const */ \"./video-player.const.js\");\n/* harmony import */ var lodash_isString__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/isString */ \"../node_modules/lodash/isString.js\");\n/* harmony import */ var lodash_isString__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_isString__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var css_escape__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! css.escape */ \"../node_modules/css.escape/css.escape.js\");\n/* harmony import */ var css_escape__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(css_escape__WEBPACK_IMPORTED_MODULE_5__);\n\n\n\n\n\n\n/*\n* Used to escape element identifiers that begin with certain\n* characters such as digits.\n* https://www.w3.org/International/questions/qa-escapes#css_identifiers\n*/\n\nconst addMetadataTrack = (videoJs, vttSource) => {\n  return videoJs.addRemoteTextTrack({\n    kind: 'metadata',\n    srclang: 'en',\n    src: vttSource,\n    default: true\n  }, true).track;\n};\nconst isLight = opts => {\n  return opts.class.indexOf('cld-video-player-skin-light') > -1 || opts.skin === 'light';\n};\nconst getResolveVideoElement = elem => {\n  if (lodash_isString__WEBPACK_IMPORTED_MODULE_4___default()(elem)) {\n    let id = elem;\n\n    // Adjust for jQuery ID syntax\n    if (id.indexOf('#') === 0) {\n      id = id.slice(1);\n    }\n    try {\n      elem = document.querySelector(`#${css_escape__WEBPACK_IMPORTED_MODULE_5___default()(id)}`) || video_js__WEBPACK_IMPORTED_MODULE_0___default().getPlayer(id);\n    } catch (err) {\n      // eslint-disable-line no-unused-vars\n      elem = null;\n    }\n    if (!elem) {\n      throw new Error(`Could not find element with id ${id}`);\n    }\n  }\n  if (!elem.tagName) {\n    throw new Error('Must specify either an element or an element id.');\n  } else if (elem.tagName !== 'VIDEO') {\n    throw new Error('Element is not a video tag.');\n  }\n  return elem;\n};\nconst normalizeAutoplay = options => {\n  const autoplayMode = options.autoplayMode;\n  if (autoplayMode) {\n    switch (autoplayMode) {\n      case _video_player_const__WEBPACK_IMPORTED_MODULE_3__.AUTO_PLAY_MODE.ALWAYS:\n        options.autoplay = true;\n        break;\n      case _video_player_const__WEBPACK_IMPORTED_MODULE_3__.AUTO_PLAY_MODE.ON_SCROLL:\n      case _video_player_const__WEBPACK_IMPORTED_MODULE_3__.AUTO_PLAY_MODE.NEVER:\n      default:\n        options.autoplay = false;\n    }\n  }\n};\nconst extractOptions = (elem, options) => {\n  const elemOptions = _utils__WEBPACK_IMPORTED_MODULE_1__[\"default\"].normalizeAttributes(elem);\n  if (video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.hasClass(elem, _video_player_const__WEBPACK_IMPORTED_MODULE_3__.FLUID_CLASS_NAME) || video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.hasClass(elem, 'vjs-fluid')) {\n    options.fluid = true;\n  }\n  // Default options < Markup options < Player options\n  options = video_js__WEBPACK_IMPORTED_MODULE_0___default().obj.merge({}, _config_defaults__WEBPACK_IMPORTED_MODULE_2__[\"default\"], elemOptions, options);\n\n  // In case of 'autoplay on scroll', we need to make sure normal HTML5 autoplay is off\n  normalizeAutoplay(options);\n\n  // VideoPlayer specific options\n  const playerOptions = _utils__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sliceAndUnsetProperties(options, ..._video_player_const__WEBPACK_IMPORTED_MODULE_3__.PLAYER_PARAMS);\n\n  // Cloudinary SDK config (cloud_name, secure, etc.)\n  playerOptions.cloudinary = _utils__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sliceAndUnsetProperties(playerOptions, ..._video_player_const__WEBPACK_IMPORTED_MODULE_3__.CLOUDINARY_CONFIG_PARAM);\n\n  // Merge with cloudinaryConfig from src/index.js (e.g., secureDistribution -> secure_distribution)\n  if (playerOptions.cloudinaryConfig) {\n    Object.assign(playerOptions.cloudinary, playerOptions.cloudinaryConfig);\n    delete playerOptions.cloudinaryConfig;\n  }\n\n  // Source-level config (visualSearch, chapters, etc.)\n  playerOptions.sourceOptions = _utils__WEBPACK_IMPORTED_MODULE_1__[\"default\"].sliceAndUnsetProperties(playerOptions, ..._video_player_const__WEBPACK_IMPORTED_MODULE_3__.SOURCE_PARAMS);\n\n  // Allow explicitly passing options to videojs using the `videojs` namespace, in order\n  // to avoid param name conflicts:\n  // VideoPlayer.new({ controls: true, videojs: { controls: false })\n  if (options.videojs) {\n    Object.assign(options, options.videojs);\n    delete options.videojs;\n  }\n  return {\n    playerOptions,\n    videojsOptions: options\n  };\n};\nconst overrideDefaultVideojsComponents = () => {\n  const Player = video_js__WEBPACK_IMPORTED_MODULE_0___default().getComponent('Player');\n  let children = Player.prototype.options_.children;\n  if (children.indexOf('titleBar') === -1) {\n    children.push('titleBar');\n  }\n  const ControlBar = video_js__WEBPACK_IMPORTED_MODULE_0___default().getComponent('ControlBar');\n  if (ControlBar) {\n    children = ControlBar.prototype.options_.children;\n    // Add space instead of the progress control (which we detached from the controlBar, and absolutely positioned it above it)\n    // Also add a blank div underneath the progress control to stop bubbling up pointer events.\n    children.splice(children.indexOf('progressControl'), 0, 'spacer', 'progressControlEventsBlocker');\n\n    // Add skip buttons around the 'play-toggle'\n    children.splice(children.indexOf('playToggle'), 1, 'playToggle', 'JumpBackButton', 'JumpForwardButton');\n\n    // Position the 'logo-button' button last\n    children.push('logoButton');\n\n    // Remove these button\n    children.splice(children.indexOf('skipForward'), 1);\n    children.splice(children.indexOf('skipBackward'), 1);\n  }\n};\n\n//# sourceURL=webpack://cloudinary-video-player/./video-player.utils.js?");
 
 /***/ }),