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

package/dist/chapters.js

@@ -1,9 +1,17 @@
 /*!
- * Cloudinary Video Player v3.1.2-edge.3
- * Built on 2025-08-06T14:15:40.534Z
+ * Cloudinary Video Player v3.1.2-edge.4
+ * Built on 2025-08-11T06:41:19.174Z
  * https://github.com/cloudinary/cloudinary-video-player
  */
 "use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
 (self["cloudinaryVideoPlayerChunkLoading"] = self["cloudinaryVideoPlayerChunkLoading"] || []).push([["chapters"],{
 
 /***/ "./plugins/chapters/chapters.js":
@@ -12,216 +20,7 @@
   \**************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ "../node_modules/video.js/dist/alt/video.core-exposed.js");
-/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _chapters_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./chapters.scss */ "./plugins/chapters/chapters.scss");
-/* harmony import */ var _cloudinary_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../cloudinary/common */ "./plugins/cloudinary/common.js");
-/* harmony import */ var _utils_utf8Base64__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/utf8Base64 */ "./utils/utf8Base64.js");
-
-
-
-
-
-/**
- * Chapters plugin.
- *
- * @function chapters
- * @param    {Object} [options={}]
- *           An object of options left to the plugin author to define.
- * @param    {Player} player
- *           A Video.js player object.
- */
-const chapters = function chapters(options, player) {
-  player.addClass('vjs-chapters');
-  player.chapters = new ChaptersPlugin(player, options);
-};
-
-/**
- * Chapters
- */
-const ChaptersPlugin = function () {
-  /**
-   * Plugin class constructor, called by videojs on
-   * ready event.
-   *
-   * @function  constructor
-   * @param    {Player} player
-   *           A Video.js player object.
-   *
-   * @param    {Object} [options={}]
-   *           A plain object containing options for the plugin.
-   */
-  function ChaptersPlugin(player, options) {
-    this.player = player;
-    this.options = options;
-    this.player.one('loadedmetadata', this.initializeChapters.bind(this));
-    return this;
-  }
-  ChaptersPlugin.prototype.src = function src(options) {
-    this.resetPlugin();
-    this.options = options;
-    this.player.one('loadedmetadata', this.initializeChapters.bind(this));
-  };
-  ChaptersPlugin.prototype.detach = function detach() {
-    this.resetPlugin();
-  };
-  ChaptersPlugin.prototype.resetPlugin = function resetPlugin() {
-    if (this.chaptersTrack) {
-      this.player.$('.vjs-control-bar-chapter-display').remove();
-      this.player.$('.vjs-chapter-display').remove();
-      this.player.$$('.vjs-chapter-marker').forEach(el => el.remove());
-      this.player.removeRemoteTextTrack(this.chaptersTrack);
-      delete this.chaptersTrack;
-    }
-  };
-  ChaptersPlugin.prototype.getChaptersFileUrlByName = function getChaptersFileUrlByName() {
-    const currentPublicId = this.player.cloudinary.currentPublicId();
-    if (!currentPublicId) {
-      return null;
-    }
-    const {
-      type: deliveryType
-    } = this.player.cloudinary.source().resourceConfig();
-    const urlPrefix = (0,_cloudinary_common__WEBPACK_IMPORTED_MODULE_2__.getCloudinaryUrlPrefix)(this.player.cloudinary.cloudinaryConfig());
-    const fullUrl = `${urlPrefix}/_applet_/video_service/chapters/${deliveryType}/${(0,_utils_utf8Base64__WEBPACK_IMPORTED_MODULE_3__.utf8ToBase64)(currentPublicId)}.vtt`;
-    return `${fullUrl}?t=${Date.now()}`;
-  };
-
-  /**
-   * Bootstrap the plugin.
-   */
-  ChaptersPlugin.prototype.initializeChapters = async function initializeChapters() {
-    const chaptersUrl = this.options === true ? this.getChaptersFileUrlByName() : this.options.url;
-    if (chaptersUrl) {
-      // Fetch chapters VTT from URL
-      const chaptersTrack = {
-        kind: 'chapters',
-        src: chaptersUrl,
-        default: true
-      };
-      const textTrack = this.player.addRemoteTextTrack(chaptersTrack);
-      textTrack.addEventListener('load', () => {
-        this.chaptersTrack = textTrack.track;
-        this.setupChaptersDisplays();
-      });
-    } else if (Object.entries(this.options).length) {
-      // Setup chapters from options
-      const textTrack = this.player.addRemoteTextTrack({
-        kind: 'chapters',
-        default: true
-      });
-      const end = this.player.duration();
-      Object.entries(this.options).forEach((entry, index, arr) => {
-        const cue = new VTTCue(parseFloat(entry[0]), parseFloat(arr[index + 1] ? arr[index + 1][0] : end), entry[1]);
-        textTrack.track.addCue(cue);
-      });
-      this.chaptersTrack = textTrack.track;
-      this.setupChaptersDisplays();
-      if (this.player.controlBar.chaptersButton) {
-        this.player.controlBar.chaptersButton.update();
-      }
-    }
-  };
-
-  /**
-   * Setup chapter displays.
-   */
-  ChaptersPlugin.prototype.setupChaptersDisplays = function initializeChapters() {
-    this.setupProgressBarMarkers();
-    this.setupProgressBarChapter();
-    this.setupControlBarChapter();
-  };
-
-  /**
-   * Setup the controlbar chapter display.
-   */
-  ChaptersPlugin.prototype.setupControlBarChapter = function setupControlBarChapter() {
-    const controlBarChapterHolder = this.player.$('.vjs-control-bar-chapter-display') || document.createElement('div');
-    controlBarChapterHolder.setAttribute('class', 'vjs-control-bar-chapter-display');
-    const wrapper = this.player.$('.vjs-control-bar .vjs-spacer');
-    wrapper.innerHTML = '';
-    wrapper.classList.add('vjs-control-bar-chapter-wrapper');
-    wrapper.appendChild(controlBarChapterHolder);
-    this.chaptersTrack.addEventListener('cuechange', () => {
-      const activeCues = Array.from(this.chaptersTrack.activeCues); // Safari needs Array.from()
-      controlBarChapterHolder.innerText = activeCues.length > 0 ? activeCues[0].text : '';
-    });
-  };
-
-  /**
-   * Setup the progress bar markers.
-   */
-  ChaptersPlugin.prototype.setupProgressBarMarkers = function setupProgressBarMarkers() {
-    const total = this.player.duration();
-    const {
-      seekBar
-    } = this.player.controlBar.progressControl;
-    Array.from(this.chaptersTrack.cues).forEach(marker => {
-      // Safari needs Array.from()
-      if (marker.startTime !== 0) {
-        const markerTime = marker.startTime;
-        const left = markerTime / total * 100 + '%';
-        const markerEl = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('div', undefined, {
-          class: 'vjs-chapter-marker',
-          style: `left: ${left}`
-        });
-        seekBar.el().append(markerEl);
-      }
-    });
-  };
-
-  /**
-   * Setup the progrees bar on-hover chapter display.
-   */
-  ChaptersPlugin.prototype.setupProgressBarChapter = function setupProgressBarChapter() {
-    const chapterEl = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('div', undefined, {
-      class: 'vjs-chapter-display',
-      style: `max-width: ${this.player.$('.vjs-vtt-thumbnail-display') ? this.player.$('.vjs-vtt-thumbnail-display').style.width : '160px'}`
-    });
-    const mouseTimeDisplay = this.player.getDescendant(['controlBar', 'progressControl', 'seekBar', 'mouseTimeDisplay']);
-    const timeTooltip = mouseTimeDisplay.getDescendant(['timeTooltip']);
-    timeTooltip.el().parentElement.prepend(chapterEl);
-    const getChapterFromPoint = point => {
-      const total = this.player.duration();
-      const seekBarTime = point * total;
-      const chapter = Array.from(this.chaptersTrack?.cues || []).find(marker => {
-        return seekBarTime >= marker.startTime && seekBarTime <= marker.endTime;
-      });
-      return chapter ? chapter.text : '';
-    };
-    timeTooltip.update = function (seekBarRect, seekBarPoint, content) {
-      const originalUpdateFn = Object.getPrototypeOf(this).update;
-      originalUpdateFn.call(this, seekBarRect, seekBarPoint, content);
-      chapterEl.innerText = getChapterFromPoint(seekBarPoint);
-    };
-
-    // Handle case of no seek-thumbnails
-    if (typeof this.player.vttThumbnails !== 'object') {
-      mouseTimeDisplay.update = function (seekBarRect, seekBarPoint) {
-        const time = seekBarPoint * this.player_.duration();
-        const width = seekBarRect.width;
-        const size = chapterEl.clientWidth / 2;
-        timeTooltip.updateTime(seekBarRect, seekBarPoint, time, () => {
-          // Make sure it doesn't exit the player
-          if (seekBarRect.width * seekBarPoint < size) {
-            this.el_.style.left = `${size}px`;
-          } else if (seekBarRect.width * seekBarPoint + size > width) {
-            this.el_.style.left = `${seekBarRect.width - size}px`;
-          } else {
-            this.el_.style.left = `${seekBarRect.width * seekBarPoint}px`;
-          }
-        });
-        timeTooltip.write(video_js__WEBPACK_IMPORTED_MODULE_0___default().time.formatTime(time));
-      };
-    }
-  };
-  return ChaptersPlugin;
-}();
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (chapters);
+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 _chapters_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./chapters.scss */ \"./plugins/chapters/chapters.scss\");\n/* harmony import */ var _cloudinary_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../cloudinary/common */ \"./plugins/cloudinary/common.js\");\n/* harmony import */ var _utils_utf8Base64__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/utf8Base64 */ \"./utils/utf8Base64.js\");\n\n\n\n\n\n/**\n * Chapters plugin.\n *\n * @function chapters\n * @param    {Object} [options={}]\n *           An object of options left to the plugin author to define.\n * @param    {Player} player\n *           A Video.js player object.\n */\nconst chapters = function chapters(options, player) {\n  player.addClass('vjs-chapters');\n  player.chapters = new ChaptersPlugin(player, options);\n};\n\n/**\n * Chapters\n */\nconst ChaptersPlugin = function () {\n  /**\n   * Plugin class constructor, called by videojs on\n   * ready event.\n   *\n   * @function  constructor\n   * @param    {Player} player\n   *           A Video.js player object.\n   *\n   * @param    {Object} [options={}]\n   *           A plain object containing options for the plugin.\n   */\n  function ChaptersPlugin(player, options) {\n    this.player = player;\n    this.options = options;\n    this.player.one('loadedmetadata', this.initializeChapters.bind(this));\n    return this;\n  }\n  ChaptersPlugin.prototype.src = function src(options) {\n    this.resetPlugin();\n    this.options = options;\n    this.player.one('loadedmetadata', this.initializeChapters.bind(this));\n  };\n  ChaptersPlugin.prototype.detach = function detach() {\n    this.resetPlugin();\n  };\n  ChaptersPlugin.prototype.resetPlugin = function resetPlugin() {\n    if (this.chaptersTrack) {\n      this.player.$('.vjs-control-bar-chapter-display').remove();\n      this.player.$('.vjs-chapter-display').remove();\n      this.player.$$('.vjs-chapter-marker').forEach(el => el.remove());\n      this.player.removeRemoteTextTrack(this.chaptersTrack);\n      delete this.chaptersTrack;\n    }\n  };\n  ChaptersPlugin.prototype.getChaptersFileUrlByName = function getChaptersFileUrlByName() {\n    const currentPublicId = this.player.cloudinary.currentPublicId();\n    if (!currentPublicId) {\n      return null;\n    }\n    const {\n      type: deliveryType\n    } = this.player.cloudinary.source().resourceConfig();\n    const urlPrefix = (0,_cloudinary_common__WEBPACK_IMPORTED_MODULE_2__.getCloudinaryUrlPrefix)(this.player.cloudinary.cloudinaryConfig());\n    const fullUrl = `${urlPrefix}/_applet_/video_service/chapters/${deliveryType}/${(0,_utils_utf8Base64__WEBPACK_IMPORTED_MODULE_3__.utf8ToBase64)(currentPublicId)}.vtt`;\n    return `${fullUrl}?t=${Date.now()}`;\n  };\n\n  /**\n   * Bootstrap the plugin.\n   */\n  ChaptersPlugin.prototype.initializeChapters = async function initializeChapters() {\n    const chaptersUrl = this.options === true ? this.getChaptersFileUrlByName() : this.options.url;\n    if (chaptersUrl) {\n      // Fetch chapters VTT from URL\n      const chaptersTrack = {\n        kind: 'chapters',\n        src: chaptersUrl,\n        default: true\n      };\n      const textTrack = this.player.addRemoteTextTrack(chaptersTrack);\n      textTrack.addEventListener('load', () => {\n        this.chaptersTrack = textTrack.track;\n        this.setupChaptersDisplays();\n      });\n    } else if (Object.entries(this.options).length) {\n      // Setup chapters from options\n      const textTrack = this.player.addRemoteTextTrack({\n        kind: 'chapters',\n        default: true\n      });\n      const end = this.player.duration();\n      Object.entries(this.options).forEach((entry, index, arr) => {\n        const cue = new VTTCue(parseFloat(entry[0]), parseFloat(arr[index + 1] ? arr[index + 1][0] : end), entry[1]);\n        textTrack.track.addCue(cue);\n      });\n      this.chaptersTrack = textTrack.track;\n      this.setupChaptersDisplays();\n      if (this.player.controlBar.chaptersButton) {\n        this.player.controlBar.chaptersButton.update();\n      }\n    }\n  };\n\n  /**\n   * Setup chapter displays.\n   */\n  ChaptersPlugin.prototype.setupChaptersDisplays = function initializeChapters() {\n    this.setupProgressBarMarkers();\n    this.setupProgressBarChapter();\n    this.setupControlBarChapter();\n  };\n\n  /**\n   * Setup the controlbar chapter display.\n   */\n  ChaptersPlugin.prototype.setupControlBarChapter = function setupControlBarChapter() {\n    const controlBarChapterHolder = this.player.$('.vjs-control-bar-chapter-display') || document.createElement('div');\n    controlBarChapterHolder.setAttribute('class', 'vjs-control-bar-chapter-display');\n    const wrapper = this.player.$('.vjs-control-bar .vjs-spacer');\n    wrapper.innerHTML = '';\n    wrapper.classList.add('vjs-control-bar-chapter-wrapper');\n    wrapper.appendChild(controlBarChapterHolder);\n    this.chaptersTrack.addEventListener('cuechange', () => {\n      const activeCues = Array.from(this.chaptersTrack.activeCues); // Safari needs Array.from()\n      controlBarChapterHolder.innerText = activeCues.length > 0 ? activeCues[0].text : '';\n    });\n  };\n\n  /**\n   * Setup the progress bar markers.\n   */\n  ChaptersPlugin.prototype.setupProgressBarMarkers = function setupProgressBarMarkers() {\n    const total = this.player.duration();\n    const {\n      seekBar\n    } = this.player.controlBar.progressControl;\n    Array.from(this.chaptersTrack.cues).forEach(marker => {\n      // Safari needs Array.from()\n      if (marker.startTime !== 0) {\n        const markerTime = marker.startTime;\n        const left = markerTime / total * 100 + '%';\n        const markerEl = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('div', undefined, {\n          class: 'vjs-chapter-marker',\n          style: `left: ${left}`\n        });\n        seekBar.el().append(markerEl);\n      }\n    });\n  };\n\n  /**\n   * Setup the progrees bar on-hover chapter display.\n   */\n  ChaptersPlugin.prototype.setupProgressBarChapter = function setupProgressBarChapter() {\n    const chapterEl = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('div', undefined, {\n      class: 'vjs-chapter-display',\n      style: `max-width: ${this.player.$('.vjs-vtt-thumbnail-display') ? this.player.$('.vjs-vtt-thumbnail-display').style.width : '160px'}`\n    });\n    const mouseTimeDisplay = this.player.getDescendant(['controlBar', 'progressControl', 'seekBar', 'mouseTimeDisplay']);\n    const timeTooltip = mouseTimeDisplay.getDescendant(['timeTooltip']);\n    timeTooltip.el().parentElement.prepend(chapterEl);\n    const getChapterFromPoint = point => {\n      const total = this.player.duration();\n      const seekBarTime = point * total;\n      const chapter = Array.from(this.chaptersTrack?.cues || []).find(marker => {\n        return seekBarTime >= marker.startTime && seekBarTime <= marker.endTime;\n      });\n      return chapter ? chapter.text : '';\n    };\n    timeTooltip.update = function (seekBarRect, seekBarPoint, content) {\n      const originalUpdateFn = Object.getPrototypeOf(this).update;\n      originalUpdateFn.call(this, seekBarRect, seekBarPoint, content);\n      chapterEl.innerText = getChapterFromPoint(seekBarPoint);\n    };\n\n    // Handle case of no seek-thumbnails\n    if (typeof this.player.vttThumbnails !== 'object') {\n      mouseTimeDisplay.update = function (seekBarRect, seekBarPoint) {\n        const time = seekBarPoint * this.player_.duration();\n        const width = seekBarRect.width;\n        const size = chapterEl.clientWidth / 2;\n        timeTooltip.updateTime(seekBarRect, seekBarPoint, time, () => {\n          // Make sure it doesn't exit the player\n          if (seekBarRect.width * seekBarPoint < size) {\n            this.el_.style.left = `${size}px`;\n          } else if (seekBarRect.width * seekBarPoint + size > width) {\n            this.el_.style.left = `${seekBarRect.width - size}px`;\n          } else {\n            this.el_.style.left = `${seekBarRect.width * seekBarPoint}px`;\n          }\n        });\n        timeTooltip.write(video_js__WEBPACK_IMPORTED_MODULE_0___default().time.formatTime(time));\n      };\n    }\n  };\n  return ChaptersPlugin;\n}();\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (chapters);\n\n//# sourceURL=webpack://cloudinary-video-player/./plugins/chapters/chapters.js?");
 
 /***/ }),
 
@@ -231,11 +30,8 @@ const ChaptersPlugin = function () {
   \****************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://cloudinary-video-player/./plugins/chapters/chapters.scss?");
 
 /***/ })
 
-}]);
-//# sourceMappingURL=chapters.js.map
+}]);

package/dist/chapters.min.js

@@ -1,7 +1,6 @@
 /*!
- * Cloudinary Video Player v3.1.2-edge.3
- * Built on 2025-08-06T14:15:21.113Z
+ * Cloudinary Video Player v3.1.2-edge.4
+ * Built on 2025-08-11T06:41:01.308Z
  * 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)}}}]);
-//# sourceMappingURL=chapters.min.js.map
+"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.3
- * Built on 2025-08-06T14:15:40.534Z
+ * Cloudinary Video Player v3.1.2-edge.4
+ * Built on 2025-08-11T06:41:19.174Z
  * https://github.com/cloudinary/cloudinary-video-player
  */
 /*!*************************************************************************************************!*\
@@ -2651,5 +2651,3 @@
 .vjs-share-download-button.vjs-waiting > .vjs-loading-spinner {
   display: flex;
 }
-
-/*# sourceMappingURL=cld-video-player.css.map*/