cloudinary-video-player 2.3.4-edge.6 → 2.3.4-edge.7

package/dist/cld-video-player.css

@@ -545,21 +545,20 @@
   }
 }
 .cld-video-player .vjs-text-track-display {
-  margin: auto;
-  bottom: 0 !important;
-}
-
-.cld-video-player .vjs-text-track-display > div {
-  margin: 3% !important;
+  bottom: 5em;
+  z-index: 2;
 }
 
 .cld-video-player .vjs-text-track-display.cld-paced-text-tracks b {
   color: var(--color-accent);
 }
 
+.cld-video-player.vjs-controls-disabled .vjs-text-track-display, .cld-video-player.vjs-user-inactive.vjs-playing .vjs-text-track-display {
+  bottom: 1em;
+}
+
 .cld-video-player .vjs-text-track-cue {
-  top: auto !important;
-  bottom: 3.4rem !important;
+  max-width: 100%;
 }
 
 .cld-video-player .vjs-text-track-cue > div {
@@ -568,10 +567,6 @@
   background-color: rgba(0, 0, 0, 0.5) !important;
 }
 
-.cld-video-player.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-text-track-cue {
-  bottom: 1.5rem !important;
-}
-
 .cld-video-player .cld-paced-text-tracks .vjs-text-track-cue b {
   color: var(--color-accent);
 }
@@ -715,7 +710,7 @@
   visibility: visible;
 }
 .cld-video-player.vjs-error .vjs-error-display {
-  background: #90A0B3;
+  background: #90a0b3;
 }
 .cld-video-player.vjs-error .vjs-error-display:before {
   display: none;
@@ -743,18 +738,28 @@
   visibility: hidden;
   opacity: 0;
 }
-.cld-video-player .vjs-progress-control.vjs-control::before, .cld-video-player .vjs-control-bar .vjs-control.vjs-progress-control-events-blocker::before {
+.cld-video-player::before {
   content: "";
   pointer-events: none;
   position: absolute;
-  bottom: 0;
+  bottom: 3em;
   left: 0;
   right: 0;
   width: 100%;
   height: 5rem;
-  background: linear-gradient(to bottom, transparent 0%, currentColor 100%);
+  background: linear-gradient(to bottom, transparent 0%, var(--color-base) 100%);
   opacity: 0.4;
-  z-index: 0;
+  z-index: 1;
+  font-size: 120%;
+  display: none;
+}
+.cld-video-player.vjs-audio-only-mode::before, .cld-video-player.vjs-has-started::before {
+  display: flex;
+  transition: opacity 0.1s;
+}
+.cld-video-player.vjs-has-started.vjs-user-inactive.vjs-playing::before {
+  opacity: 0;
+  transition: opacity 1s;
 }
 .cld-video-player .vjs-control {
   width: 2.5em;

package/dist/cld-video-player.js

@@ -9384,7 +9384,7 @@ class CloudinaryAnalytics {
       this.cloudinaryAnalytics.startManualTracking(metadata, {
         ...(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_1___default()(this.analyticsOptions) ? this.analyticsOptions : {}),
         videoPlayerType: 'cloudinary video player',
-        videoPlayerVersion: "2.3.4-edge.6"
+        videoPlayerVersion: "2.3.4-edge.7"
       });
     } else if (this.currentVideMetadata.cloudName !== metadata.cloudName || this.currentVideMetadata.publicId !== metadata.publicId) {
       this.cloudinaryAnalytics.stopManualTracking();
@@ -9757,7 +9757,7 @@ class CloudinaryContext {
       options.sourceTypes = options.sourceTypes || _this.sourceTypes();
       options.poster = options.poster || posterOptionsForCurrent();
       options.queryParams = Object.assign(options.queryParams || {}, options.usageReport ? {
-        _s: `vp-${"2.3.4-edge.6"}`
+        _s: `vp-${"2.3.4-edge.7"}`
       } : {});
       if (options.sourceTypes.indexOf('audio') > -1) {
         builtSrc = new _models_audio_source_audio_source__WEBPACK_IMPORTED_MODULE_7__["default"](publicId, options);
@@ -11012,7 +11012,7 @@ const contextMenuContent = player => {
   const isFullscreen = player.isFullscreen();
   const aboutMenuItem = {
     class: 'player-version',
-    label: 'Cloudinary Player v' + "2.3.4-edge.6"
+    label: 'Cloudinary Player v' + "2.3.4-edge.7"
   };
   if (!player.controls()) {
     return [aboutMenuItem];
@@ -13778,7 +13778,7 @@ class VideoPlayer extends _utils__WEBPACK_IMPORTED_MODULE_9__["default"].mixin(_
       const analyticsData = (0,_utils_get_analytics_player_options__WEBPACK_IMPORTED_MODULE_18__.getAnalyticsFromPlayerOptions)(options);
       const analyticsParams = new URLSearchParams(analyticsData).toString();
       const baseParams = new URLSearchParams({
-        vpVersion: "2.3.4-edge.6",
+        vpVersion: "2.3.4-edge.7",
         vpInstanceId: this.getVPInstanceId(),
         // #if (process.env.WEBPACK_BUILD_LIGHT)
         //         vpLightBuild: true,

package/dist/cld-video-player.light.css

@@ -545,21 +545,20 @@
   }
 }
 .cld-video-player .vjs-text-track-display {
-  margin: auto;
-  bottom: 0 !important;
-}
-
-.cld-video-player .vjs-text-track-display > div {
-  margin: 3% !important;
+  bottom: 5em;
+  z-index: 2;
 }
 
 .cld-video-player .vjs-text-track-display.cld-paced-text-tracks b {
   color: var(--color-accent);
 }
 
+.cld-video-player.vjs-controls-disabled .vjs-text-track-display, .cld-video-player.vjs-user-inactive.vjs-playing .vjs-text-track-display {
+  bottom: 1em;
+}
+
 .cld-video-player .vjs-text-track-cue {
-  top: auto !important;
-  bottom: 3.4rem !important;
+  max-width: 100%;
 }
 
 .cld-video-player .vjs-text-track-cue > div {
@@ -568,10 +567,6 @@
   background-color: rgba(0, 0, 0, 0.5) !important;
 }
 
-.cld-video-player.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-text-track-cue {
-  bottom: 1.5rem !important;
-}
-
 .cld-video-player .cld-paced-text-tracks .vjs-text-track-cue b {
   color: var(--color-accent);
 }
@@ -715,7 +710,7 @@
   visibility: visible;
 }
 .cld-video-player.vjs-error .vjs-error-display {
-  background: #90A0B3;
+  background: #90a0b3;
 }
 .cld-video-player.vjs-error .vjs-error-display:before {
   display: none;
@@ -743,18 +738,28 @@
   visibility: hidden;
   opacity: 0;
 }
-.cld-video-player .vjs-progress-control.vjs-control::before, .cld-video-player .vjs-control-bar .vjs-control.vjs-progress-control-events-blocker::before {
+.cld-video-player::before {
   content: "";
   pointer-events: none;
   position: absolute;
-  bottom: 0;
+  bottom: 3em;
   left: 0;
   right: 0;
   width: 100%;
   height: 5rem;
-  background: linear-gradient(to bottom, transparent 0%, currentColor 100%);
+  background: linear-gradient(to bottom, transparent 0%, var(--color-base) 100%);
   opacity: 0.4;
-  z-index: 0;
+  z-index: 1;
+  font-size: 120%;
+  display: none;
+}
+.cld-video-player.vjs-audio-only-mode::before, .cld-video-player.vjs-has-started::before {
+  display: flex;
+  transition: opacity 0.1s;
+}
+.cld-video-player.vjs-has-started.vjs-user-inactive.vjs-playing::before {
+  opacity: 0;
+  transition: opacity 1s;
 }
 .cld-video-player .vjs-control {
   width: 2.5em;

package/dist/cld-video-player.light.js

@@ -1413,7 +1413,7 @@ class CloudinaryAnalytics {
       this.cloudinaryAnalytics.startManualTracking(metadata, {
         ...(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_1___default()(this.analyticsOptions) ? this.analyticsOptions : {}),
         videoPlayerType: 'cloudinary video player',
-        videoPlayerVersion: "2.3.4-edge.6"
+        videoPlayerVersion: "2.3.4-edge.7"
       });
     } else if (this.currentVideMetadata.cloudName !== metadata.cloudName || this.currentVideMetadata.publicId !== metadata.publicId) {
       this.cloudinaryAnalytics.stopManualTracking();
@@ -1786,7 +1786,7 @@ class CloudinaryContext {
       options.sourceTypes = options.sourceTypes || _this.sourceTypes();
       options.poster = options.poster || posterOptionsForCurrent();
       options.queryParams = Object.assign(options.queryParams || {}, options.usageReport ? {
-        _s: `vp-${"2.3.4-edge.6"}`
+        _s: `vp-${"2.3.4-edge.7"}`
       } : {});
       if (options.sourceTypes.indexOf('audio') > -1) {
         builtSrc = new _models_audio_source_audio_source__WEBPACK_IMPORTED_MODULE_7__["default"](publicId, options);
@@ -3041,7 +3041,7 @@ const contextMenuContent = player => {
   const isFullscreen = player.isFullscreen();
   const aboutMenuItem = {
     class: 'player-version',
-    label: 'Cloudinary Player v' + "2.3.4-edge.6"
+    label: 'Cloudinary Player v' + "2.3.4-edge.7"
   };
   if (!player.controls()) {
     return [aboutMenuItem];
@@ -5519,7 +5519,7 @@ class VideoPlayer extends _utils__WEBPACK_IMPORTED_MODULE_9__["default"].mixin(_
       const analyticsData = (0,_utils_get_analytics_player_options__WEBPACK_IMPORTED_MODULE_18__.getAnalyticsFromPlayerOptions)(options);
       const analyticsParams = new URLSearchParams(analyticsData).toString();
       const baseParams = new URLSearchParams({
-        vpVersion: "2.3.4-edge.6",
+        vpVersion: "2.3.4-edge.7",
         vpInstanceId: this.getVPInstanceId(),
         // #if (process.env.WEBPACK_BUILD_LIGHT)
         vpLightBuild: true,