cloudinary-video-player 2.6.0 → 2.6.1-edge.1

package/dist/adaptive-streaming.min.js.LICENSE.txt

@@ -0,0 +1,3 @@
+/*! @name videojs-contrib-quality-levels @version 4.1.0 @license Apache-2.0 */
+
+/*! @name videojs-contrib-quality-menu @version 1.0.4 @license Apache-2.0 */

package/dist/chapters.js

@@ -11,7 +11,7 @@ __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/video.es-exposed.js");
+/* 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");

package/dist/chapters.min.js

@@ -1,2 +1,2 @@
-"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(9388);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;return`${(0,i.KA)(`${t}-chapters.vtt`,(0,i.lP)(this.player.cloudinary.cloudinaryConfig(),{resource_type:"raw",version:"1"}))}?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}(),n=function(t,e){e.addClass("vjs-chapters"),e.chapters=new o(e,t)}}}]);
+"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(9388);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;return`${(0,i.KA)(`${t}-chapters.vtt`,(0,i.lP)(this.player.cloudinary.cloudinaryConfig(),{resource_type:"raw",version:"1"}))}?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}(),n=function(t,e){e.addClass("vjs-chapters"),e.chapters=new o(e,t)}}}]);
 //# sourceMappingURL=chapters.min.js.map

package/dist/cld-video-player.css

@@ -543,11 +543,18 @@
 }
 
 .cld-video-player {
+  --color-accent: #0D9AFF;
+  --color-base: #000000;
+  --color-text: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   overflow: hidden;
   font-size: 12px;
   font-weight: 300;
 }
+.cld-video-player.cld-video-player-skin-light {
+  --color-base: #FFFFFF;
+  --color-text: #000000;
+}
 .cld-video-player:focus {
   outline: none;
 }
@@ -1114,17 +1121,6 @@
   right: auto !important;
   translate: -50%;
 }
-/*!*********************************************************************************************************************************************!*\
-  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./components/qualitySelector/quality-selector.scss ***!
-  \*********************************************************************************************************************************************/
-.cld-video-player .vjs-http-source-selector > .vjs-button > .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: 400;
-  font-style: normal;
-}
-.cld-video-player .vjs-http-source-selector > .vjs-button > .vjs-icon-placeholder:before {
-  content: "\f114";
-}
 /*!************************************************************************************************************************************************************!*\
   !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./components/recommendations-overlay/recommendations-overlay.scss ***!
   \************************************************************************************************************************************************************/
@@ -1345,6 +1341,199 @@
   right: auto !important;
   translate: -50%;
 }
+/*!***********************************************************************************************************************!*\
+  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/colors/colors.scss ***!
+  \***********************************************************************************************************************/
+.cld-video-player {
+  color: var(--color-text);
+}
+
+.cld-video-player .vjs-time-tooltip,
+.cld-video-player .vjs-mouse-display:after,
+.cld-video-player .vjs-play-progress:after {
+  color: var(--color-text);
+  background-color: var(--color-base);
+}
+
+.cld-video-player .vjs-load-progress {
+  background: color-mix(in srgb, var(--color-text) 30%, transparent);
+}
+
+.cld-video-player .vjs-volume-level {
+  background: var(--color-text);
+}
+
+.cld-video-player .vjs-play-progress {
+  background: var(--color-accent);
+}
+
+.cld-video-player .vjs-volume-vertical {
+  background-color: color-mix(in srgb, var(--color-base) 70%, transparent);
+}
+
+.cld-video-player .vjs-volume-panel-horizontal .vjs-control:before {
+  border-color: transparent transparent color-mix(in srgb, var(--color-accent) 40%, transparent) transparent;
+}
+
+.cld-video-player .vjs-volume-panel-horizontal .vjs-volume-level:before {
+  border-color: transparent transparent var(--color-accent) transparent;
+}
+
+.cld-video-player .vjs-progress-control:before {
+  color: var(--color-base);
+}
+
+.cld-video-player .vjs-highlights-graph-display {
+  color: color-mix(in srgb, var(--color-text) 30%, transparent);
+}
+
+.cld-video-player .vjs-recommendations-overlay {
+  color: var(--color-text);
+  background-color: color-mix(in srgb, var(--color-base) 40%, transparent);
+}
+
+.cld-video-player .vjs-recommendations-overlay .vjs-recommendations-overlay-item {
+  box-shadow: 0 0.5em 1.2em 0px var(--color-base);
+  color: var(--color-text);
+  border: 1px solid var(--color-text) !important;
+  position: relative;
+}
+
+.cld-video-player .vjs-recommendations-overlay .vjs-recommendations-overlay-item:active,
+.cld-video-player .vjs-recommendations-overlay .vjs-recommendations-overlay-item:hover {
+  border: 1px solid var(--color-accent) !important;
+}
+
+.cld-video-player .vjs-menu-content .vjs-menu-item:active,
+.cld-video-player .vjs-menu-content .vjs-menu-item:focus,
+.cld-video-player .vjs-menu-content .vjs-menu-item:hover {
+  color: var(--color-text);
+  background-color: color-mix(in srgb, var(--color-text) 20%, transparent);
+}
+
+.cld-video-player.vjs-ad-playing .vjs-progress-control .vjs-play-progress {
+  background: var(--color-base);
+}
+
+.cld-video-player.cld-plw-layout {
+  background-color: var(--color-base);
+}
+
+.cld-video-player .cld-plw-item-info-wrap {
+  color: var(--color-text);
+}
+
+.cld-video-player .cld-video-player-floater-close polygon {
+  fill: var(--color-base);
+}
+
+.cld-video-player .cld-spbl-product-hotspot:after {
+  background: var(--color-base);
+  box-shadow: 0 0 0 4px var(--color-accent), 0 0 0 8px color-mix(in srgb, var(--color-text) 24%, transparent);
+}
+
+.cld-video-player .cld-spbl-product-tooltip {
+  color: var(--color-base);
+  background: var(--color-text);
+}
+
+.cld-video-player .base-color-semi-bg {
+  background: color-mix(in srgb, var(--color-base) 70%, transparent);
+}
+
+.cld-video-player .text-color-semi-bg {
+  background: color-mix(in srgb, var(--color-text) 70%, transparent);
+}
+
+.cld-video-player .text-color-text {
+  color: var(--color-text);
+}
+
+.cld-video-player .base-color-text {
+  color: var(--color-base);
+}
+
+.cld-video-player .accent-color-text {
+  color: var(--color-accent);
+}
+
+/* Dark theme specific styles */
+.cld-video-player.cld-video-player-skin-dark .base-color-bg,
+.cld-video-player.cld-video-player-skin-dark .vjs-control-bar,
+.cld-video-player.cld-video-player-skin-dark .vjs-big-play-button,
+.cld-video-player.cld-video-player-skin-dark .vjs-menu-button .vjs-menu-content {
+  background-color: color-mix(in srgb, var(--color-base) 60%, transparent);
+}
+
+.cld-video-player .vjs-recommendations-overlay .vjs-recommendations-overlay-item.vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content {
+  background-color: color-mix(in srgb, var(--color-base) 60%, transparent);
+}
+
+.cld-video-player .vjs-recommendations-overlay .vjs-recommendations-overlay-item.vjs-recommendations-overlay-item-secondary div {
+  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 80%);
+}
+
+.cld-video-player .vjs-upcoming-video {
+  border: 1px solid color-mix(in srgb, var(--color-text) 50%, transparent);
+}
+
+.cld-video-player .vjs-upcoming-video .vjs-upcoming-video-bar {
+  background-color: color-mix(in srgb, var(--color-base) 60%, transparent);
+}
+
+.cld-video-player .vjs-context-menu-ui .vjs-menu-content {
+  background-color: color-mix(in srgb, var(--color-base) 60%, transparent);
+}
+
+/* Light theme specific styles */
+.cld-video-player.cld-video-player-skin-light .base-color-bg,
+.cld-video-player.cld-video-player-skin-light .vjs-control-bar,
+.cld-video-player.cld-video-player-skin-light .vjs-big-play-button,
+.cld-video-player.cld-video-player-skin-light .vjs-menu-button .vjs-menu-content {
+  background-color: color-mix(in srgb, var(--color-base) 80%, transparent);
+}
+
+.cld-video-player.cld-video-player-skin-light .vjs-recommendations-overlay .vjs-recommendations-overlay-item.vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content {
+  background-color: var(--color-base);
+}
+
+.cld-video-player.cld-video-player-skin-light .vjs-recommendations-overlay .vjs-recommendations-overlay-item.vjs-recommendations-overlay-item-primary:active .vjs-recommendations-overlay-item-primary-content,
+.cld-video-player.cld-video-player-skin-light .vjs-recommendations-overlay .vjs-recommendations-overlay-item.vjs-recommendations-overlay-item-primary:hover .vjs-recommendations-overlay-item-primary-content {
+  color: var(--color-base);
+  background-color: color-mix(in srgb, var(--color-accent) 80%, transparent);
+}
+
+.cld-video-player.cld-video-player-skin-light .vjs-recommendations-overlay .vjs-recommendations-overlay-item.vjs-recommendations-overlay-item-secondary:active div,
+.cld-video-player.cld-video-player-skin-light .vjs-recommendations-overlay .vjs-recommendations-overlay-item.vjs-recommendations-overlay-item-secondary:hover div {
+  color: var(--color-base);
+  background-color: color-mix(in srgb, var(--color-accent) 80%, transparent);
+}
+
+.cld-video-player.cld-video-player-skin-light .vjs-recommendations-overlay .vjs-recommendations-overlay-item.vjs-recommendations-overlay-item-secondary div {
+  background: var(--color-base);
+}
+
+.cld-video-player.cld-video-player-skin-light .vjs-upcoming-video {
+  border: 1px solid var(--color-text);
+}
+
+.cld-video-player.cld-video-player-skin-light .vjs-upcoming-video .vjs-upcoming-video-bar {
+  background-color: var(--color-base);
+}
+
+.cld-video-player.cld-video-player-skin-light .vjs-context-menu-ui .vjs-menu-content {
+  background-color: var(--color-base);
+}
+
+.cld-video-player.cld-video-player-skin-light .cld-plw-item-info-wrap {
+  color: var(--color-text);
+}
+
+@media only screen and (max-width: 768px) {
+  .cld-video-player.cld-video-player-skin-light.cld-plw-vertical .cld-plw-item-info-wrap {
+    color: var(--color-accent);
+  }
+}
 /*!********************************************************************************************************************************************!*\
   !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!../node_modules/videojs-ima/dist/videojs.ima.scss ***!
   \********************************************************************************************************************************************/