cloudinary-video-player 2.0.2-edge.2 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chapters.js +6 -509
- package/dist/chapters.light.js +6 -509
- package/dist/chapters.light.min.js +1 -1
- package/dist/chapters.min.js +1 -1
- package/dist/cld-video-player.css +1161 -0
- package/dist/cld-video-player.js +120 -84
- package/dist/cld-video-player.light.css +1161 -0
- package/dist/cld-video-player.light.js +120 -84
- package/dist/cld-video-player.light.min.css +1 -1
- package/dist/cld-video-player.light.min.js +1 -1
- package/dist/cld-video-player.min.css +1 -1
- package/dist/cld-video-player.min.js +1 -1
- package/dist/ima.js +6 -611
- package/dist/ima.light.js +6 -620
- package/dist/ima.light.min.js +1 -1
- package/dist/ima.min.js +1 -1
- package/dist/interaction-areas.js +6 -516
- package/dist/interaction-areas.light.js +6 -516
- package/dist/interaction-areas.light.min.js +1 -1
- package/dist/interaction-areas.min.js +1 -1
- package/dist/node_modules_lodash_throttle_js.js +449 -0
- package/dist/node_modules_lodash_throttle_js.light.js +449 -0
- package/dist/playlist.js +130 -549
- package/dist/playlist.light.js +130 -549
- package/dist/playlist.light.min.js +1 -1
- package/dist/playlist.min.js +1 -1
- package/dist/recommendations-overlay.js +6 -617
- package/dist/recommendations-overlay.light.js +6 -617
- package/dist/recommendations-overlay.light.min.js +1 -1
- package/dist/recommendations-overlay.min.js +1 -1
- package/dist/shoppable.js +7 -742
- package/dist/shoppable.light.js +7 -742
- package/dist/shoppable.light.min.js +1 -1
- package/dist/shoppable.min.js +1 -1
- package/lib/all.js +1 -1
- package/lib/chapters.js +1 -1
- package/lib/cld-video-player.js +1 -1
- package/lib/cld-video-player.min.css +10 -1
- package/lib/ima.js +1 -1
- package/lib/interaction-areas.js +1 -1
- package/lib/playlist.js +1 -1
- package/lib/recommendations-overlay.js +1 -1
- package/lib/shoppable.js +1 -1
- package/lib/videoPlayer.js +1 -1
- package/lib/videoPlayerWithProfile.js +1 -1
- package/package.json +1 -2
- package/dist/473.light.min.js +0 -2
- package/dist/473.min.js +0 -2
- package/dist/node_modules_css-loader_dist_runtime_api_js-node_modules_css-loader_dist_runtime_sourceMaps_j-64c8cd.js +0 -530
- package/dist/node_modules_css-loader_dist_runtime_api_js-node_modules_css-loader_dist_runtime_sourceMaps_j-64c8cd.light.js +0 -530
- package/lib/473.js +0 -2
- package/lib/all.min.css +0 -12
- package/lib/videoPlayer.min.css +0 -12
- package/lib/videoPlayerWithProfile.min.css +0 -12
package/dist/chapters.light.js
CHANGED
|
@@ -13,7 +13,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
13
13
|
/* harmony export */ });
|
|
14
14
|
/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ "../node_modules/video.js/dist/alt/video.core-exposed.js");
|
|
15
15
|
/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
16
|
-
/* harmony import */ var
|
|
16
|
+
/* harmony import */ var _chapters_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./chapters.scss */ "./plugins/chapters/chapters.scss");
|
|
17
17
|
/* harmony import */ var _cloudinary_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../cloudinary/common */ "./plugins/cloudinary/common.js");
|
|
18
18
|
|
|
19
19
|
|
|
@@ -221,518 +221,15 @@ const ChaptersPlugin = function () {
|
|
|
221
221
|
|
|
222
222
|
/***/ }),
|
|
223
223
|
|
|
224
|
-
/***/ "
|
|
225
|
-
|
|
226
|
-
!***
|
|
227
|
-
|
|
228
|
-
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
229
|
-
|
|
230
|
-
__webpack_require__.r(__webpack_exports__);
|
|
231
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
232
|
-
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
233
|
-
/* harmony export */ });
|
|
234
|
-
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "../node_modules/css-loader/dist/runtime/sourceMaps.js");
|
|
235
|
-
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
236
|
-
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "../node_modules/css-loader/dist/runtime/api.js");
|
|
237
|
-
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
238
|
-
// Imports
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
242
|
-
// Module
|
|
243
|
-
___CSS_LOADER_EXPORT___.push([module.id, `@charset "UTF-8";
|
|
244
|
-
.cld-video-player .vjs-control-bar-chapter-wrapper {
|
|
245
|
-
display: flex;
|
|
246
|
-
align-items: center;
|
|
247
|
-
container-type: inline-size;
|
|
248
|
-
}
|
|
249
|
-
.cld-video-player .vjs-control-bar-chapter-display {
|
|
250
|
-
line-height: 1.5;
|
|
251
|
-
font-size: 90%;
|
|
252
|
-
white-space: nowrap;
|
|
253
|
-
overflow: hidden;
|
|
254
|
-
text-overflow: ellipsis;
|
|
255
|
-
padding: 0 0.5em;
|
|
256
|
-
}
|
|
257
|
-
.cld-video-player .vjs-control-bar-chapter-display:not(:empty)::before {
|
|
258
|
-
content: "•";
|
|
259
|
-
padding-right: 0.5em;
|
|
260
|
-
}
|
|
261
|
-
@container (max-width: 150px) {
|
|
262
|
-
.cld-video-player .vjs-control-bar-chapter-display {
|
|
263
|
-
display: none;
|
|
264
|
-
}
|
|
265
|
-
}
|
|
266
|
-
.cld-video-player .vjs-chapter-marker {
|
|
267
|
-
pointer-events: none;
|
|
268
|
-
position: absolute;
|
|
269
|
-
background: var(--color-base);
|
|
270
|
-
width: 4px;
|
|
271
|
-
top: 0;
|
|
272
|
-
bottom: 0;
|
|
273
|
-
opacity: 0.5;
|
|
274
|
-
z-index: 1;
|
|
275
|
-
}
|
|
276
|
-
.cld-video-player .vjs-chapter-display {
|
|
277
|
-
pointer-events: none;
|
|
278
|
-
line-height: 1.5;
|
|
279
|
-
font-size: 90%;
|
|
280
|
-
white-space: nowrap;
|
|
281
|
-
overflow: hidden;
|
|
282
|
-
text-overflow: ellipsis;
|
|
283
|
-
transform: translateX(-50%);
|
|
284
|
-
bottom: 2.7em;
|
|
285
|
-
position: absolute;
|
|
286
|
-
text-shadow: 0 0 4px color-mix(in srgb, var(--color-base) 40%, transparent);
|
|
287
|
-
}
|
|
288
|
-
.cld-video-player .vjs-chapter-display:not(:empty) ~ .vjs-vtt-thumbnail-display {
|
|
289
|
-
bottom: 4em;
|
|
290
|
-
}
|
|
291
|
-
.cld-video-player .vjs-time-tooltip {
|
|
292
|
-
right: auto !important;
|
|
293
|
-
translate: -50%;
|
|
294
|
-
}`, "",{"version":3,"sources":["webpack://./plugins/chapters/chapters.scss"],"names":[],"mappings":"AAAA,gBAAgB;AACd;EACE,aAAA;EACA,mBAAA;EACA,2BAAA;AACJ;AACE;EACE,gBAAA;EACA,cAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;EACA,gBAAA;AACJ;AAAI;EACE,YAAA;EACA,oBAAA;AAEN;AAAI;EAXF;IAYI,aAAA;EAGJ;AACF;AAAE;EACE,oBAAA;EACA,kBAAA;EACA,6BAAA;EACA,UAAA;EACA,MAAA;EACA,SAAA;EACA,YAAA;EACA,UAAA;AAEJ;AACE;EACE,oBAAA;EACA,gBAAA;EACA,cAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;EACA,2BAAA;EACA,aAAA;EACA,kBAAA;EACA,2EAAA;AACJ;AAAI;EACE,WAAA;AAEN;AAEE;EACE,sBAAA;EACA,eAAA;AAAJ","sourcesContent":[".cld-video-player {\n .vjs-control-bar-chapter-wrapper {\n display: flex;\n align-items: center;\n container-type: inline-size;\n }\n .vjs-control-bar-chapter-display {\n line-height: 1.5;\n font-size: 90%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 0 0.5em;\n &:not(:empty)::before {\n content: '•';\n padding-right: 0.5em;\n }\n @container (max-width: 150px) {\n display: none;\n }\n }\n\n .vjs-chapter-marker {\n pointer-events: none;\n position: absolute;\n background: var(--color-base);\n width: 4px;\n top: 0;\n bottom: 0;\n opacity: 0.5;\n z-index: 1;\n }\n\n .vjs-chapter-display {\n pointer-events: none;\n line-height: 1.5;\n font-size: 90%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transform: translateX(-50%);\n bottom: 2.7em;\n position: absolute;\n text-shadow: 0 0 4px color-mix(in srgb, var(--color-base) 40%, transparent);\n &:not(:empty) ~ .vjs-vtt-thumbnail-display {\n bottom: 4em;\n }\n }\n\n .vjs-time-tooltip {\n right: auto !important;\n translate: -50%;\n }\n}\n"],"sourceRoot":""}]);
|
|
295
|
-
// Exports
|
|
296
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
/***/ }),
|
|
300
|
-
|
|
301
|
-
/***/ "../node_modules/css-loader/dist/runtime/api.js":
|
|
302
|
-
/*!******************************************************!*\
|
|
303
|
-
!*** ../node_modules/css-loader/dist/runtime/api.js ***!
|
|
304
|
-
\******************************************************/
|
|
305
|
-
/***/ ((module) => {
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
/*
|
|
310
|
-
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
311
|
-
Author Tobias Koppers @sokra
|
|
312
|
-
*/
|
|
313
|
-
module.exports = function (cssWithMappingToString) {
|
|
314
|
-
var list = [];
|
|
315
|
-
|
|
316
|
-
// return the list of modules as css string
|
|
317
|
-
list.toString = function toString() {
|
|
318
|
-
return this.map(function (item) {
|
|
319
|
-
var content = "";
|
|
320
|
-
var needLayer = typeof item[5] !== "undefined";
|
|
321
|
-
if (item[4]) {
|
|
322
|
-
content += "@supports (".concat(item[4], ") {");
|
|
323
|
-
}
|
|
324
|
-
if (item[2]) {
|
|
325
|
-
content += "@media ".concat(item[2], " {");
|
|
326
|
-
}
|
|
327
|
-
if (needLayer) {
|
|
328
|
-
content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
|
|
329
|
-
}
|
|
330
|
-
content += cssWithMappingToString(item);
|
|
331
|
-
if (needLayer) {
|
|
332
|
-
content += "}";
|
|
333
|
-
}
|
|
334
|
-
if (item[2]) {
|
|
335
|
-
content += "}";
|
|
336
|
-
}
|
|
337
|
-
if (item[4]) {
|
|
338
|
-
content += "}";
|
|
339
|
-
}
|
|
340
|
-
return content;
|
|
341
|
-
}).join("");
|
|
342
|
-
};
|
|
343
|
-
|
|
344
|
-
// import a list of modules into the list
|
|
345
|
-
list.i = function i(modules, media, dedupe, supports, layer) {
|
|
346
|
-
if (typeof modules === "string") {
|
|
347
|
-
modules = [[null, modules, undefined]];
|
|
348
|
-
}
|
|
349
|
-
var alreadyImportedModules = {};
|
|
350
|
-
if (dedupe) {
|
|
351
|
-
for (var k = 0; k < this.length; k++) {
|
|
352
|
-
var id = this[k][0];
|
|
353
|
-
if (id != null) {
|
|
354
|
-
alreadyImportedModules[id] = true;
|
|
355
|
-
}
|
|
356
|
-
}
|
|
357
|
-
}
|
|
358
|
-
for (var _k = 0; _k < modules.length; _k++) {
|
|
359
|
-
var item = [].concat(modules[_k]);
|
|
360
|
-
if (dedupe && alreadyImportedModules[item[0]]) {
|
|
361
|
-
continue;
|
|
362
|
-
}
|
|
363
|
-
if (typeof layer !== "undefined") {
|
|
364
|
-
if (typeof item[5] === "undefined") {
|
|
365
|
-
item[5] = layer;
|
|
366
|
-
} else {
|
|
367
|
-
item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
|
|
368
|
-
item[5] = layer;
|
|
369
|
-
}
|
|
370
|
-
}
|
|
371
|
-
if (media) {
|
|
372
|
-
if (!item[2]) {
|
|
373
|
-
item[2] = media;
|
|
374
|
-
} else {
|
|
375
|
-
item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
|
|
376
|
-
item[2] = media;
|
|
377
|
-
}
|
|
378
|
-
}
|
|
379
|
-
if (supports) {
|
|
380
|
-
if (!item[4]) {
|
|
381
|
-
item[4] = "".concat(supports);
|
|
382
|
-
} else {
|
|
383
|
-
item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
|
|
384
|
-
item[4] = supports;
|
|
385
|
-
}
|
|
386
|
-
}
|
|
387
|
-
list.push(item);
|
|
388
|
-
}
|
|
389
|
-
};
|
|
390
|
-
return list;
|
|
391
|
-
};
|
|
392
|
-
|
|
393
|
-
/***/ }),
|
|
394
|
-
|
|
395
|
-
/***/ "../node_modules/css-loader/dist/runtime/sourceMaps.js":
|
|
396
|
-
/*!*************************************************************!*\
|
|
397
|
-
!*** ../node_modules/css-loader/dist/runtime/sourceMaps.js ***!
|
|
398
|
-
\*************************************************************/
|
|
399
|
-
/***/ ((module) => {
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
module.exports = function (item) {
|
|
404
|
-
var content = item[1];
|
|
405
|
-
var cssMapping = item[3];
|
|
406
|
-
if (!cssMapping) {
|
|
407
|
-
return content;
|
|
408
|
-
}
|
|
409
|
-
if (typeof btoa === "function") {
|
|
410
|
-
var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));
|
|
411
|
-
var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
|
|
412
|
-
var sourceMapping = "/*# ".concat(data, " */");
|
|
413
|
-
return [content].concat([sourceMapping]).join("\n");
|
|
414
|
-
}
|
|
415
|
-
return [content].join("\n");
|
|
416
|
-
};
|
|
417
|
-
|
|
418
|
-
/***/ }),
|
|
419
|
-
|
|
420
|
-
/***/ "./plugins/chapters/chapters.scss?style-loader":
|
|
421
|
-
/*!*****************************************************!*\
|
|
422
|
-
!*** ./plugins/chapters/chapters.scss?style-loader ***!
|
|
423
|
-
\*****************************************************/
|
|
224
|
+
/***/ "./plugins/chapters/chapters.scss":
|
|
225
|
+
/*!****************************************!*\
|
|
226
|
+
!*** ./plugins/chapters/chapters.scss ***!
|
|
227
|
+
\****************************************/
|
|
424
228
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
425
229
|
|
|
426
230
|
__webpack_require__.r(__webpack_exports__);
|
|
427
|
-
|
|
428
|
-
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
429
|
-
/* harmony export */ });
|
|
430
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
|
|
431
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
432
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "../node_modules/style-loader/dist/runtime/styleDomAPI.js");
|
|
433
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
434
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "../node_modules/style-loader/dist/runtime/insertBySelector.js");
|
|
435
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
436
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
|
|
437
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
438
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "../node_modules/style-loader/dist/runtime/insertStyleElement.js");
|
|
439
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
440
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "../node_modules/style-loader/dist/runtime/styleTagTransform.js");
|
|
441
|
-
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
442
|
-
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_chapters_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./chapters.scss?style-loader */ "../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/chapters/chapters.scss?style-loader");
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
231
|
+
// extracted by mini-css-extract-plugin
|
|
453
232
|
|
|
454
|
-
var options = {};
|
|
455
|
-
|
|
456
|
-
options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
|
|
457
|
-
options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
|
|
458
|
-
options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
|
|
459
|
-
options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
|
|
460
|
-
options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
|
|
461
|
-
|
|
462
|
-
var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_chapters_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"], options);
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_chapters_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_chapters_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_chapters_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
/***/ }),
|
|
471
|
-
|
|
472
|
-
/***/ "../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
|
|
473
|
-
/*!*****************************************************************************!*\
|
|
474
|
-
!*** ../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
|
|
475
|
-
\*****************************************************************************/
|
|
476
|
-
/***/ ((module) => {
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
var stylesInDOM = [];
|
|
481
|
-
function getIndexByIdentifier(identifier) {
|
|
482
|
-
var result = -1;
|
|
483
|
-
for (var i = 0; i < stylesInDOM.length; i++) {
|
|
484
|
-
if (stylesInDOM[i].identifier === identifier) {
|
|
485
|
-
result = i;
|
|
486
|
-
break;
|
|
487
|
-
}
|
|
488
|
-
}
|
|
489
|
-
return result;
|
|
490
|
-
}
|
|
491
|
-
function modulesToDom(list, options) {
|
|
492
|
-
var idCountMap = {};
|
|
493
|
-
var identifiers = [];
|
|
494
|
-
for (var i = 0; i < list.length; i++) {
|
|
495
|
-
var item = list[i];
|
|
496
|
-
var id = options.base ? item[0] + options.base : item[0];
|
|
497
|
-
var count = idCountMap[id] || 0;
|
|
498
|
-
var identifier = "".concat(id, " ").concat(count);
|
|
499
|
-
idCountMap[id] = count + 1;
|
|
500
|
-
var indexByIdentifier = getIndexByIdentifier(identifier);
|
|
501
|
-
var obj = {
|
|
502
|
-
css: item[1],
|
|
503
|
-
media: item[2],
|
|
504
|
-
sourceMap: item[3],
|
|
505
|
-
supports: item[4],
|
|
506
|
-
layer: item[5]
|
|
507
|
-
};
|
|
508
|
-
if (indexByIdentifier !== -1) {
|
|
509
|
-
stylesInDOM[indexByIdentifier].references++;
|
|
510
|
-
stylesInDOM[indexByIdentifier].updater(obj);
|
|
511
|
-
} else {
|
|
512
|
-
var updater = addElementStyle(obj, options);
|
|
513
|
-
options.byIndex = i;
|
|
514
|
-
stylesInDOM.splice(i, 0, {
|
|
515
|
-
identifier: identifier,
|
|
516
|
-
updater: updater,
|
|
517
|
-
references: 1
|
|
518
|
-
});
|
|
519
|
-
}
|
|
520
|
-
identifiers.push(identifier);
|
|
521
|
-
}
|
|
522
|
-
return identifiers;
|
|
523
|
-
}
|
|
524
|
-
function addElementStyle(obj, options) {
|
|
525
|
-
var api = options.domAPI(options);
|
|
526
|
-
api.update(obj);
|
|
527
|
-
var updater = function updater(newObj) {
|
|
528
|
-
if (newObj) {
|
|
529
|
-
if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
|
|
530
|
-
return;
|
|
531
|
-
}
|
|
532
|
-
api.update(obj = newObj);
|
|
533
|
-
} else {
|
|
534
|
-
api.remove();
|
|
535
|
-
}
|
|
536
|
-
};
|
|
537
|
-
return updater;
|
|
538
|
-
}
|
|
539
|
-
module.exports = function (list, options) {
|
|
540
|
-
options = options || {};
|
|
541
|
-
list = list || [];
|
|
542
|
-
var lastIdentifiers = modulesToDom(list, options);
|
|
543
|
-
return function update(newList) {
|
|
544
|
-
newList = newList || [];
|
|
545
|
-
for (var i = 0; i < lastIdentifiers.length; i++) {
|
|
546
|
-
var identifier = lastIdentifiers[i];
|
|
547
|
-
var index = getIndexByIdentifier(identifier);
|
|
548
|
-
stylesInDOM[index].references--;
|
|
549
|
-
}
|
|
550
|
-
var newLastIdentifiers = modulesToDom(newList, options);
|
|
551
|
-
for (var _i = 0; _i < lastIdentifiers.length; _i++) {
|
|
552
|
-
var _identifier = lastIdentifiers[_i];
|
|
553
|
-
var _index = getIndexByIdentifier(_identifier);
|
|
554
|
-
if (stylesInDOM[_index].references === 0) {
|
|
555
|
-
stylesInDOM[_index].updater();
|
|
556
|
-
stylesInDOM.splice(_index, 1);
|
|
557
|
-
}
|
|
558
|
-
}
|
|
559
|
-
lastIdentifiers = newLastIdentifiers;
|
|
560
|
-
};
|
|
561
|
-
};
|
|
562
|
-
|
|
563
|
-
/***/ }),
|
|
564
|
-
|
|
565
|
-
/***/ "../node_modules/style-loader/dist/runtime/insertBySelector.js":
|
|
566
|
-
/*!*********************************************************************!*\
|
|
567
|
-
!*** ../node_modules/style-loader/dist/runtime/insertBySelector.js ***!
|
|
568
|
-
\*********************************************************************/
|
|
569
|
-
/***/ ((module) => {
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
var memo = {};
|
|
574
|
-
|
|
575
|
-
/* istanbul ignore next */
|
|
576
|
-
function getTarget(target) {
|
|
577
|
-
if (typeof memo[target] === "undefined") {
|
|
578
|
-
var styleTarget = document.querySelector(target);
|
|
579
|
-
|
|
580
|
-
// Special case to return head of iframe instead of iframe itself
|
|
581
|
-
if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
|
|
582
|
-
try {
|
|
583
|
-
// This will throw an exception if access to iframe is blocked
|
|
584
|
-
// due to cross-origin restrictions
|
|
585
|
-
styleTarget = styleTarget.contentDocument.head;
|
|
586
|
-
} catch (e) {
|
|
587
|
-
// istanbul ignore next
|
|
588
|
-
styleTarget = null;
|
|
589
|
-
}
|
|
590
|
-
}
|
|
591
|
-
memo[target] = styleTarget;
|
|
592
|
-
}
|
|
593
|
-
return memo[target];
|
|
594
|
-
}
|
|
595
|
-
|
|
596
|
-
/* istanbul ignore next */
|
|
597
|
-
function insertBySelector(insert, style) {
|
|
598
|
-
var target = getTarget(insert);
|
|
599
|
-
if (!target) {
|
|
600
|
-
throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
|
|
601
|
-
}
|
|
602
|
-
target.appendChild(style);
|
|
603
|
-
}
|
|
604
|
-
module.exports = insertBySelector;
|
|
605
|
-
|
|
606
|
-
/***/ }),
|
|
607
|
-
|
|
608
|
-
/***/ "../node_modules/style-loader/dist/runtime/insertStyleElement.js":
|
|
609
|
-
/*!***********************************************************************!*\
|
|
610
|
-
!*** ../node_modules/style-loader/dist/runtime/insertStyleElement.js ***!
|
|
611
|
-
\***********************************************************************/
|
|
612
|
-
/***/ ((module) => {
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
/* istanbul ignore next */
|
|
617
|
-
function insertStyleElement(options) {
|
|
618
|
-
var element = document.createElement("style");
|
|
619
|
-
options.setAttributes(element, options.attributes);
|
|
620
|
-
options.insert(element, options.options);
|
|
621
|
-
return element;
|
|
622
|
-
}
|
|
623
|
-
module.exports = insertStyleElement;
|
|
624
|
-
|
|
625
|
-
/***/ }),
|
|
626
|
-
|
|
627
|
-
/***/ "../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":
|
|
628
|
-
/*!***********************************************************************************!*\
|
|
629
|
-
!*** ../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js ***!
|
|
630
|
-
\***********************************************************************************/
|
|
631
|
-
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
/* istanbul ignore next */
|
|
636
|
-
function setAttributesWithoutAttributes(styleElement) {
|
|
637
|
-
var nonce = true ? __webpack_require__.nc : 0;
|
|
638
|
-
if (nonce) {
|
|
639
|
-
styleElement.setAttribute("nonce", nonce);
|
|
640
|
-
}
|
|
641
|
-
}
|
|
642
|
-
module.exports = setAttributesWithoutAttributes;
|
|
643
|
-
|
|
644
|
-
/***/ }),
|
|
645
|
-
|
|
646
|
-
/***/ "../node_modules/style-loader/dist/runtime/styleDomAPI.js":
|
|
647
|
-
/*!****************************************************************!*\
|
|
648
|
-
!*** ../node_modules/style-loader/dist/runtime/styleDomAPI.js ***!
|
|
649
|
-
\****************************************************************/
|
|
650
|
-
/***/ ((module) => {
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
/* istanbul ignore next */
|
|
655
|
-
function apply(styleElement, options, obj) {
|
|
656
|
-
var css = "";
|
|
657
|
-
if (obj.supports) {
|
|
658
|
-
css += "@supports (".concat(obj.supports, ") {");
|
|
659
|
-
}
|
|
660
|
-
if (obj.media) {
|
|
661
|
-
css += "@media ".concat(obj.media, " {");
|
|
662
|
-
}
|
|
663
|
-
var needLayer = typeof obj.layer !== "undefined";
|
|
664
|
-
if (needLayer) {
|
|
665
|
-
css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
|
|
666
|
-
}
|
|
667
|
-
css += obj.css;
|
|
668
|
-
if (needLayer) {
|
|
669
|
-
css += "}";
|
|
670
|
-
}
|
|
671
|
-
if (obj.media) {
|
|
672
|
-
css += "}";
|
|
673
|
-
}
|
|
674
|
-
if (obj.supports) {
|
|
675
|
-
css += "}";
|
|
676
|
-
}
|
|
677
|
-
var sourceMap = obj.sourceMap;
|
|
678
|
-
if (sourceMap && typeof btoa !== "undefined") {
|
|
679
|
-
css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
|
|
680
|
-
}
|
|
681
|
-
|
|
682
|
-
// For old IE
|
|
683
|
-
/* istanbul ignore if */
|
|
684
|
-
options.styleTagTransform(css, styleElement, options.options);
|
|
685
|
-
}
|
|
686
|
-
function removeStyleElement(styleElement) {
|
|
687
|
-
// istanbul ignore if
|
|
688
|
-
if (styleElement.parentNode === null) {
|
|
689
|
-
return false;
|
|
690
|
-
}
|
|
691
|
-
styleElement.parentNode.removeChild(styleElement);
|
|
692
|
-
}
|
|
693
|
-
|
|
694
|
-
/* istanbul ignore next */
|
|
695
|
-
function domAPI(options) {
|
|
696
|
-
if (typeof document === "undefined") {
|
|
697
|
-
return {
|
|
698
|
-
update: function update() {},
|
|
699
|
-
remove: function remove() {}
|
|
700
|
-
};
|
|
701
|
-
}
|
|
702
|
-
var styleElement = options.insertStyleElement(options);
|
|
703
|
-
return {
|
|
704
|
-
update: function update(obj) {
|
|
705
|
-
apply(styleElement, options, obj);
|
|
706
|
-
},
|
|
707
|
-
remove: function remove() {
|
|
708
|
-
removeStyleElement(styleElement);
|
|
709
|
-
}
|
|
710
|
-
};
|
|
711
|
-
}
|
|
712
|
-
module.exports = domAPI;
|
|
713
|
-
|
|
714
|
-
/***/ }),
|
|
715
|
-
|
|
716
|
-
/***/ "../node_modules/style-loader/dist/runtime/styleTagTransform.js":
|
|
717
|
-
/*!**********************************************************************!*\
|
|
718
|
-
!*** ../node_modules/style-loader/dist/runtime/styleTagTransform.js ***!
|
|
719
|
-
\**********************************************************************/
|
|
720
|
-
/***/ ((module) => {
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
/* istanbul ignore next */
|
|
725
|
-
function styleTagTransform(css, styleElement) {
|
|
726
|
-
if (styleElement.styleSheet) {
|
|
727
|
-
styleElement.styleSheet.cssText = css;
|
|
728
|
-
} else {
|
|
729
|
-
while (styleElement.firstChild) {
|
|
730
|
-
styleElement.removeChild(styleElement.firstChild);
|
|
731
|
-
}
|
|
732
|
-
styleElement.appendChild(document.createTextNode(css));
|
|
733
|
-
}
|
|
734
|
-
}
|
|
735
|
-
module.exports = styleTagTransform;
|
|
736
233
|
|
|
737
234
|
/***/ })
|
|
738
235
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[625],{360:(t,e,n)=>{n.d(e,{default:()=>g});var r=n(6673),a=n.n(r),o=n(5292),s=n.n(o),i=n(9893),c=n.n(i),p=n(9383),l=n.n(p),d=n(6884),h=n.n(d),A=n(9088),u=n.n(A),y=n(7997),f=n.n(y),v=n(3547),m={};m.styleTagTransform=f(),m.setAttributes=h(),m.insert=l().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=u();s()(v.A,m);v.A&&v.A.locals&&v.A.locals;var C=n(8033);const b=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 e=(0,C.KA)("".concat(t,"-chapters.vtt"),(0,C.lP)(this.player.cloudinary.cloudinaryConfig(),{resource_type:"raw",version:"1"}));return"".concat(e,"?t=").concat(Date.now())},t.prototype.initializeChapters=async function(){const t=!0===this.options?this.getChaptersFileUrlByName():this.options.url;if(t){const e={kind:"chapters",src:t,default:!0},n=this.player.addRemoteTextTrack(e);n.addEventListener("load",(()=>{this.chaptersTrack=n.track,this.setupChaptersDisplays()}))}else if(Object.entries(this.options).length){const t=this.player.addRemoteTextTrack({kind:"chapters",default:!0});await new Promise((t=>setTimeout(t,100)));const e=this.player.duration();Object.entries(this.options).forEach(((n,r,a)=>{const o=new VTTCue(parseFloat(n[0]),parseFloat(a[r+1]?a[r+1][0]:e),n[1]);t.track.addCue(o)})),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.innerHTML=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((n=>{if(0!==n.startTime){const r=n.startTime/t*100+"%",o=a().dom.createEl("div",void 0,{class:"vjs-chapter-marker",style:"left: ".concat(r)});e.el().append(o)}}))},t.prototype.setupProgressBarChapter=function(){const t=a().dom.createEl("div",void 0,{class:"vjs-chapter-display",style:"max-width: ".concat(this.player.$(".vjs-vtt-thumbnail-display")?this.player.$(".vjs-vtt-thumbnail-display").style.width:"160px")}),e=this.player.getDescendant(["controlBar","progressControl","seekBar","mouseTimeDisplay"]),n=e.getDescendant(["timeTooltip"]);n.el().parentElement.prepend(t);const r=t=>{const e=t*this.player.duration(),n=Array.from(this.chaptersTrack.cues).find((t=>e>=t.startTime&&e<=t.endTime));return n?n.text:""};n.update=function(e,n,a){Object.getPrototypeOf(this).update.call(this,e,n,a),t.innerHTML=r(n)},"object"!=typeof this.player.vttThumbnails&&(e.update=function(e,r){const o=r*this.player_.duration(),s=e.width,i=t.clientWidth/2;n.updateTime(e,r,o,(()=>{e.width*r<i?this.el_.style.left="".concat(i,"px"):e.width*r+i>s?this.el_.style.left="".concat(e.width-i,"px"):this.el_.style.left="".concat(e.width*r,"px")})),n.write(a().time.formatTime(o))})},t}(),g=function(t,e){e.addClass("vjs-chapters"),e.chapters=new b(e,t)}},3547:(t,e,n)=>{n.d(e,{A:()=>i});var r=n(4942),a=n.n(r),o=n(278),s=n.n(o)()(a());s.push([t.id,'.cld-video-player .vjs-control-bar-chapter-wrapper{display:flex;align-items:center;container-type:inline-size}.cld-video-player .vjs-control-bar-chapter-display{line-height:1.5;font-size:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .5em}.cld-video-player .vjs-control-bar-chapter-display:not(:empty)::before{content:"•";padding-right:.5em}@container (max-width: 150px){.cld-video-player .vjs-control-bar-chapter-display{display:none}}.cld-video-player .vjs-chapter-marker{pointer-events:none;position:absolute;background:var(--color-base);width:4px;top:0;bottom:0;opacity:.5;z-index:1}.cld-video-player .vjs-chapter-display{pointer-events:none;line-height:1.5;font-size:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateX(-50%);bottom:2.7em;position:absolute;text-shadow:0 0 4px color-mix(in srgb, var(--color-base) 40%, transparent)}.cld-video-player .vjs-chapter-display:not(:empty)~.vjs-vtt-thumbnail-display{bottom:4em}.cld-video-player .vjs-time-tooltip{right:auto !important;translate:-50%}',"",{version:3,sources:["webpack://./plugins/chapters/chapters.scss"],names:[],mappings:"AAAA,mDACE,YACE,CAAA,kBACA,CAAA,0BACA,CAAA,mDAEF,eACE,CAAA,aACA,CAAA,kBACA,CAAA,eACA,CAAA,sBACA,CAAA,cACA,CAAA,uEACA,WACE,CAAA,kBACA,CAAA,8BAEF,mDAXF,YAYI,CAAA,CAAA,sCAIJ,mBACE,CAAA,iBACA,CAAA,4BACA,CAAA,SACA,CAAA,KACA,CAAA,QACA,CAAA,UACA,CAAA,SACA,CAAA,uCAGF,mBACE,CAAA,eACA,CAAA,aACA,CAAA,kBACA,CAAA,eACA,CAAA,sBACA,CAAA,0BACA,CAAA,YACA,CAAA,iBACA,CAAA,0EACA,CAAA,8EACA,UACE,CAAA,oCAIJ,qBACE,CAAA,cACA",sourcesContent:[".cld-video-player {\n .vjs-control-bar-chapter-wrapper {\n display: flex;\n align-items: center;\n container-type: inline-size;\n }\n .vjs-control-bar-chapter-display {\n line-height: 1.5;\n font-size: 90%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 0 0.5em;\n &:not(:empty)::before {\n content: '•';\n padding-right: 0.5em;\n }\n @container (max-width: 150px) {\n display: none;\n }\n }\n\n .vjs-chapter-marker {\n pointer-events: none;\n position: absolute;\n background: var(--color-base);\n width: 4px;\n top: 0;\n bottom: 0;\n opacity: 0.5;\n z-index: 1;\n }\n\n .vjs-chapter-display {\n pointer-events: none;\n line-height: 1.5;\n font-size: 90%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transform: translateX(-50%);\n bottom: 2.7em;\n position: absolute;\n text-shadow: 0 0 4px color-mix(in srgb, var(--color-base) 40%, transparent);\n &:not(:empty) ~ .vjs-vtt-thumbnail-display {\n bottom: 4em;\n }\n }\n\n .vjs-time-tooltip {\n right: auto !important;\n translate: -50%;\n }\n}\n"],sourceRoot:""}]);const i=s},278:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",r=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),r&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),r&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,r,a,o){"string"==typeof t&&(t=[[null,t,void 0]]);var s={};if(r)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(s[c]=!0)}for(var p=0;p<t.length;p++){var l=[].concat(t[p]);r&&s[l[0]]||(void 0!==o&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=o),n&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=n):l[2]=n),a&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=a):l[4]="".concat(a)),e.push(l))}},e}},4942:t=>{t.exports=function(t){var e=t[1],n=t[3];if(!n)return e;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),a="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),o="/*# ".concat(a," */");return[e].concat([o]).join("\n")}return[e].join("\n")}},5292:t=>{var e=[];function n(t){for(var n=-1,r=0;r<e.length;r++)if(e[r].identifier===t){n=r;break}return n}function r(t,r){for(var o={},s=[],i=0;i<t.length;i++){var c=t[i],p=r.base?c[0]+r.base:c[0],l=o[p]||0,d="".concat(p," ").concat(l);o[p]=l+1;var h=n(d),A={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==h)e[h].references++,e[h].updater(A);else{var u=a(A,r);r.byIndex=i,e.splice(i,0,{identifier:d,updater:u,references:1})}s.push(d)}return s}function a(t,e){var n=e.domAPI(e);n.update(t);return function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;n.update(t=e)}else n.remove()}}t.exports=function(t,a){var o=r(t=t||[],a=a||{});return function(t){t=t||[];for(var s=0;s<o.length;s++){var i=n(o[s]);e[i].references--}for(var c=r(t,a),p=0;p<o.length;p++){var l=n(o[p]);0===e[l].references&&(e[l].updater(),e.splice(l,1))}o=c}}},9383:t=>{var e={};t.exports=function(t,n){var r=function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[t]=n}return e[t]}(t);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},9088:t=>{t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},6884:(t,e,n)=>{t.exports=function(t){var e=n.nc;e&&t.setAttribute("nonce",e)}},9893:t=>{t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(n){!function(t,e,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var a=void 0!==n.layer;a&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,a&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var o=n.sourceMap;o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleTagTransform(r,t,e.options)}(e,t,n)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},7997:t=>{t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}}}]);
|
|
1
|
+
"use strict";(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[625],{9234:(t,e,r)=>{r.d(e,{default:()=>n});var s=r(6673),a=r.n(s),i=r(8033);const o=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 e=(0,i.KA)("".concat(t,"-chapters.vtt"),(0,i.lP)(this.player.cloudinary.cloudinaryConfig(),{resource_type:"raw",version:"1"}));return"".concat(e,"?t=").concat(Date.now())},t.prototype.initializeChapters=async function(){const t=!0===this.options?this.getChaptersFileUrlByName():this.options.url;if(t){const e={kind:"chapters",src:t,default:!0},r=this.player.addRemoteTextTrack(e);r.addEventListener("load",(()=>{this.chaptersTrack=r.track,this.setupChaptersDisplays()}))}else if(Object.entries(this.options).length){const t=this.player.addRemoteTextTrack({kind:"chapters",default:!0});await new Promise((t=>setTimeout(t,100)));const 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.innerHTML=e.length>0?e[0].text:""}))},t.prototype.setupProgressBarMarkers=function(){const t=this.player.duration(),{seekBar:e}=this.player.controlBar.progressControl;Array.from(this.chaptersTrack.cues).forEach((r=>{if(0!==r.startTime){const s=r.startTime/t*100+"%",i=a().dom.createEl("div",void 0,{class:"vjs-chapter-marker",style:"left: ".concat(s)});e.el().append(i)}}))},t.prototype.setupProgressBarChapter=function(){const t=a().dom.createEl("div",void 0,{class:"vjs-chapter-display",style:"max-width: ".concat(this.player.$(".vjs-vtt-thumbnail-display")?this.player.$(".vjs-vtt-thumbnail-display").style.width:"160px")}),e=this.player.getDescendant(["controlBar","progressControl","seekBar","mouseTimeDisplay"]),r=e.getDescendant(["timeTooltip"]);r.el().parentElement.prepend(t);const s=t=>{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.innerHTML=s(r)},"object"!=typeof this.player.vttThumbnails&&(e.update=function(e,s){const i=s*this.player_.duration(),o=e.width,n=t.clientWidth/2;r.updateTime(e,s,i,(()=>{e.width*s<n?this.el_.style.left="".concat(n,"px"):e.width*s+n>o?this.el_.style.left="".concat(e.width-n,"px"):this.el_.style.left="".concat(e.width*s,"px")})),r.write(a().time.formatTime(i))})},t}(),n=function(t,e){e.addClass("vjs-chapters"),e.chapters=new o(e,t)}}}]);
|
|
2
2
|
//# sourceMappingURL=chapters.light.min.js.map
|
package/dist/chapters.min.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[625],{360:(t,e,n)=>{n.d(e,{default:()=>g});var r=n(7938),a=n.n(r),o=n(5292),s=n.n(o),i=n(9893),c=n.n(i),p=n(9383),l=n.n(p),d=n(6884),h=n.n(d),A=n(9088),u=n.n(A),y=n(7997),f=n.n(y),v=n(3547),m={};m.styleTagTransform=f(),m.setAttributes=h(),m.insert=l().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=u();s()(v.A,m);v.A&&v.A.locals&&v.A.locals;var C=n(8033);const b=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 e=(0,C.KA)("".concat(t,"-chapters.vtt"),(0,C.lP)(this.player.cloudinary.cloudinaryConfig(),{resource_type:"raw",version:"1"}));return"".concat(e,"?t=").concat(Date.now())},t.prototype.initializeChapters=async function(){const t=!0===this.options?this.getChaptersFileUrlByName():this.options.url;if(t){const e={kind:"chapters",src:t,default:!0},n=this.player.addRemoteTextTrack(e);n.addEventListener("load",(()=>{this.chaptersTrack=n.track,this.setupChaptersDisplays()}))}else if(Object.entries(this.options).length){const t=this.player.addRemoteTextTrack({kind:"chapters",default:!0});await new Promise((t=>setTimeout(t,100)));const e=this.player.duration();Object.entries(this.options).forEach(((n,r,a)=>{const o=new VTTCue(parseFloat(n[0]),parseFloat(a[r+1]?a[r+1][0]:e),n[1]);t.track.addCue(o)})),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.innerHTML=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((n=>{if(0!==n.startTime){const r=n.startTime/t*100+"%",o=a().dom.createEl("div",void 0,{class:"vjs-chapter-marker",style:"left: ".concat(r)});e.el().append(o)}}))},t.prototype.setupProgressBarChapter=function(){const t=a().dom.createEl("div",void 0,{class:"vjs-chapter-display",style:"max-width: ".concat(this.player.$(".vjs-vtt-thumbnail-display")?this.player.$(".vjs-vtt-thumbnail-display").style.width:"160px")}),e=this.player.getDescendant(["controlBar","progressControl","seekBar","mouseTimeDisplay"]),n=e.getDescendant(["timeTooltip"]);n.el().parentElement.prepend(t);const r=t=>{const e=t*this.player.duration(),n=Array.from(this.chaptersTrack.cues).find((t=>e>=t.startTime&&e<=t.endTime));return n?n.text:""};n.update=function(e,n,a){Object.getPrototypeOf(this).update.call(this,e,n,a),t.innerHTML=r(n)},"object"!=typeof this.player.vttThumbnails&&(e.update=function(e,r){const o=r*this.player_.duration(),s=e.width,i=t.clientWidth/2;n.updateTime(e,r,o,(()=>{e.width*r<i?this.el_.style.left="".concat(i,"px"):e.width*r+i>s?this.el_.style.left="".concat(e.width-i,"px"):this.el_.style.left="".concat(e.width*r,"px")})),n.write(a().time.formatTime(o))})},t}(),g=function(t,e){e.addClass("vjs-chapters"),e.chapters=new b(e,t)}},3547:(t,e,n)=>{n.d(e,{A:()=>i});var r=n(4942),a=n.n(r),o=n(278),s=n.n(o)()(a());s.push([t.id,'.cld-video-player .vjs-control-bar-chapter-wrapper{display:flex;align-items:center;container-type:inline-size}.cld-video-player .vjs-control-bar-chapter-display{line-height:1.5;font-size:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .5em}.cld-video-player .vjs-control-bar-chapter-display:not(:empty)::before{content:"•";padding-right:.5em}@container (max-width: 150px){.cld-video-player .vjs-control-bar-chapter-display{display:none}}.cld-video-player .vjs-chapter-marker{pointer-events:none;position:absolute;background:var(--color-base);width:4px;top:0;bottom:0;opacity:.5;z-index:1}.cld-video-player .vjs-chapter-display{pointer-events:none;line-height:1.5;font-size:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateX(-50%);bottom:2.7em;position:absolute;text-shadow:0 0 4px color-mix(in srgb, var(--color-base) 40%, transparent)}.cld-video-player .vjs-chapter-display:not(:empty)~.vjs-vtt-thumbnail-display{bottom:4em}.cld-video-player .vjs-time-tooltip{right:auto !important;translate:-50%}',"",{version:3,sources:["webpack://./plugins/chapters/chapters.scss"],names:[],mappings:"AAAA,mDACE,YACE,CAAA,kBACA,CAAA,0BACA,CAAA,mDAEF,eACE,CAAA,aACA,CAAA,kBACA,CAAA,eACA,CAAA,sBACA,CAAA,cACA,CAAA,uEACA,WACE,CAAA,kBACA,CAAA,8BAEF,mDAXF,YAYI,CAAA,CAAA,sCAIJ,mBACE,CAAA,iBACA,CAAA,4BACA,CAAA,SACA,CAAA,KACA,CAAA,QACA,CAAA,UACA,CAAA,SACA,CAAA,uCAGF,mBACE,CAAA,eACA,CAAA,aACA,CAAA,kBACA,CAAA,eACA,CAAA,sBACA,CAAA,0BACA,CAAA,YACA,CAAA,iBACA,CAAA,0EACA,CAAA,8EACA,UACE,CAAA,oCAIJ,qBACE,CAAA,cACA",sourcesContent:[".cld-video-player {\n .vjs-control-bar-chapter-wrapper {\n display: flex;\n align-items: center;\n container-type: inline-size;\n }\n .vjs-control-bar-chapter-display {\n line-height: 1.5;\n font-size: 90%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 0 0.5em;\n &:not(:empty)::before {\n content: '•';\n padding-right: 0.5em;\n }\n @container (max-width: 150px) {\n display: none;\n }\n }\n\n .vjs-chapter-marker {\n pointer-events: none;\n position: absolute;\n background: var(--color-base);\n width: 4px;\n top: 0;\n bottom: 0;\n opacity: 0.5;\n z-index: 1;\n }\n\n .vjs-chapter-display {\n pointer-events: none;\n line-height: 1.5;\n font-size: 90%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transform: translateX(-50%);\n bottom: 2.7em;\n position: absolute;\n text-shadow: 0 0 4px color-mix(in srgb, var(--color-base) 40%, transparent);\n &:not(:empty) ~ .vjs-vtt-thumbnail-display {\n bottom: 4em;\n }\n }\n\n .vjs-time-tooltip {\n right: auto !important;\n translate: -50%;\n }\n}\n"],sourceRoot:""}]);const i=s},278:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",r=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),r&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),r&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,r,a,o){"string"==typeof t&&(t=[[null,t,void 0]]);var s={};if(r)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(s[c]=!0)}for(var p=0;p<t.length;p++){var l=[].concat(t[p]);r&&s[l[0]]||(void 0!==o&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=o),n&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=n):l[2]=n),a&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=a):l[4]="".concat(a)),e.push(l))}},e}},4942:t=>{t.exports=function(t){var e=t[1],n=t[3];if(!n)return e;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),a="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),o="/*# ".concat(a," */");return[e].concat([o]).join("\n")}return[e].join("\n")}},5292:t=>{var e=[];function n(t){for(var n=-1,r=0;r<e.length;r++)if(e[r].identifier===t){n=r;break}return n}function r(t,r){for(var o={},s=[],i=0;i<t.length;i++){var c=t[i],p=r.base?c[0]+r.base:c[0],l=o[p]||0,d="".concat(p," ").concat(l);o[p]=l+1;var h=n(d),A={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==h)e[h].references++,e[h].updater(A);else{var u=a(A,r);r.byIndex=i,e.splice(i,0,{identifier:d,updater:u,references:1})}s.push(d)}return s}function a(t,e){var n=e.domAPI(e);n.update(t);return function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;n.update(t=e)}else n.remove()}}t.exports=function(t,a){var o=r(t=t||[],a=a||{});return function(t){t=t||[];for(var s=0;s<o.length;s++){var i=n(o[s]);e[i].references--}for(var c=r(t,a),p=0;p<o.length;p++){var l=n(o[p]);0===e[l].references&&(e[l].updater(),e.splice(l,1))}o=c}}},9383:t=>{var e={};t.exports=function(t,n){var r=function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[t]=n}return e[t]}(t);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},9088:t=>{t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},6884:(t,e,n)=>{t.exports=function(t){var e=n.nc;e&&t.setAttribute("nonce",e)}},9893:t=>{t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(n){!function(t,e,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var a=void 0!==n.layer;a&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,a&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var o=n.sourceMap;o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleTagTransform(r,t,e.options)}(e,t,n)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},7997:t=>{t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}}}]);
|
|
1
|
+
"use strict";(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[625],{9234:(t,e,r)=>{r.d(e,{default:()=>n});var s=r(7938),a=r.n(s),i=r(8033);const o=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 e=(0,i.KA)("".concat(t,"-chapters.vtt"),(0,i.lP)(this.player.cloudinary.cloudinaryConfig(),{resource_type:"raw",version:"1"}));return"".concat(e,"?t=").concat(Date.now())},t.prototype.initializeChapters=async function(){const t=!0===this.options?this.getChaptersFileUrlByName():this.options.url;if(t){const e={kind:"chapters",src:t,default:!0},r=this.player.addRemoteTextTrack(e);r.addEventListener("load",(()=>{this.chaptersTrack=r.track,this.setupChaptersDisplays()}))}else if(Object.entries(this.options).length){const t=this.player.addRemoteTextTrack({kind:"chapters",default:!0});await new Promise((t=>setTimeout(t,100)));const 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.innerHTML=e.length>0?e[0].text:""}))},t.prototype.setupProgressBarMarkers=function(){const t=this.player.duration(),{seekBar:e}=this.player.controlBar.progressControl;Array.from(this.chaptersTrack.cues).forEach((r=>{if(0!==r.startTime){const s=r.startTime/t*100+"%",i=a().dom.createEl("div",void 0,{class:"vjs-chapter-marker",style:"left: ".concat(s)});e.el().append(i)}}))},t.prototype.setupProgressBarChapter=function(){const t=a().dom.createEl("div",void 0,{class:"vjs-chapter-display",style:"max-width: ".concat(this.player.$(".vjs-vtt-thumbnail-display")?this.player.$(".vjs-vtt-thumbnail-display").style.width:"160px")}),e=this.player.getDescendant(["controlBar","progressControl","seekBar","mouseTimeDisplay"]),r=e.getDescendant(["timeTooltip"]);r.el().parentElement.prepend(t);const s=t=>{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.innerHTML=s(r)},"object"!=typeof this.player.vttThumbnails&&(e.update=function(e,s){const i=s*this.player_.duration(),o=e.width,n=t.clientWidth/2;r.updateTime(e,s,i,(()=>{e.width*s<n?this.el_.style.left="".concat(n,"px"):e.width*s+n>o?this.el_.style.left="".concat(e.width-n,"px"):this.el_.style.left="".concat(e.width*s,"px")})),r.write(a().time.formatTime(i))})},t}(),n=function(t,e){e.addClass("vjs-chapters"),e.chapters=new o(e,t)}}}]);
|
|
2
2
|
//# sourceMappingURL=chapters.min.js.map
|