cloudinary-video-player 3.13.1 → 3.13.2-edge.1

package/lib/player-api.js

@@ -1,390 +1,13 @@
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers.js';
-
-const LEGACY_CONDITIONAL_OPERATORS = {
-    "=": 'eq',
-    "!=": 'ne',
-    "<": 'lt',
-    ">": 'gt',
-    "<=": 'lte',
-    ">=": 'gte',
-    "&&": 'and',
-    "||": 'or',
-    "*": "mul",
-    "/": "div",
-    "+": "add",
-    "-": "sub",
-    "^": "pow"
-};
-const OLD_AKAMAI_SHARED_CDN = "cloudinary-a.akamaihd.net";
-const AKAMAI_SHARED_CDN = "res.cloudinary.com";
-const SHARED_CDN = AKAMAI_SHARED_CDN;
-const LEGACY_PREDEFINED_VARS = {
-    "aspect_ratio": "ar",
-    "aspectRatio": "ar",
-    "current_page": "cp",
-    "currentPage": "cp",
-    "duration": "du",
-    "face_count": "fc",
-    "faceCount": "fc",
-    "height": "h",
-    "initial_aspect_ratio": "iar",
-    "initial_height": "ih",
-    "initial_width": "iw",
-    "initialAspectRatio": "iar",
-    "initialHeight": "ih",
-    "initialWidth": "iw",
-    "initial_duration": "idu",
-    "initialDuration": "idu",
-    "page_count": "pc",
-    "page_x": "px",
-    "page_y": "py",
-    "pageCount": "pc",
-    "pageX": "px",
-    "pageY": "py",
-    "tags": "tags",
-    "width": "w"
-};
-const NUMBER_PATTERN = "([0-9]*)\\.([0-9]+)|([0-9]+)";
-const OFFSET_ANY_PATTERN = `(${NUMBER_PATTERN})([%pP])?`;
-const RANGE_VALUE_RE = RegExp(`^${OFFSET_ANY_PATTERN}$`);
-const OFFSET_ANY_PATTERN_RE = RegExp(`(${OFFSET_ANY_PATTERN})\\.\\.(${OFFSET_ANY_PATTERN})`);
-const LAYER_KEYWORD_PARAMS = {
-    font_weight: "normal",
-    font_style: "normal",
-    text_decoration: "none",
-    text_align: '',
-    stroke: "none"
-};
-
-function unsigned_url_prefix(source, cloud_name, private_cdn, cdn_subdomain, secure_cdn_subdomain, cname, secure, secure_distribution) {
-    let prefix;
-    if (cloud_name.indexOf("/") === 0) {
-        return '/res' + cloud_name;
-    }
-    let shared_domain = !private_cdn;
-    if (secure) {
-        if ((secure_distribution == null) || secure_distribution === OLD_AKAMAI_SHARED_CDN) {
-            secure_distribution = private_cdn ? cloud_name + "-res.cloudinary.com" : SHARED_CDN;
-        }
-        if (shared_domain == null) {
-            shared_domain = secure_distribution === SHARED_CDN;
-        }
-        prefix = 'https://' + secure_distribution;
-    }
-    else if (cname) {
-        // let subdomain = cdn_subdomain ? 'a' + ((crc32(source) % 5) + 1) + '.' : '';
-        prefix = 'http://' + cname;
-    }
-    else {
-        let cdn_part = private_cdn ? cloud_name + '-' : '';
-        let host = [cdn_part, 'res', '.cloudinary.com'].join('');
-        prefix = 'http://' + host;
-    }
-    if (shared_domain) {
-        prefix += '/' + cloud_name;
-    }
-    return prefix;
-}
-
-const getCloudinaryUrlPrefix = cloudinaryConfig => {
-  return unsigned_url_prefix(null, cloudinaryConfig.cloud_name, cloudinaryConfig.private_cdn, cloudinaryConfig.cdn_subdomain, cloudinaryConfig.secure_cdn_subdomain, cloudinaryConfig.cname, cloudinaryConfig.secure ?? true, cloudinaryConfig.secure_distribution);
-};
-
-var css_escape$1 = {exports: {}};
-
-/*! https://mths.be/cssescape v1.5.1 by @mathias | MIT license */
-var css_escape = css_escape$1.exports;
-
-var hasRequiredCss_escape;
-
-function requireCss_escape () {
-	if (hasRequiredCss_escape) return css_escape$1.exports;
-	hasRequiredCss_escape = 1;
-	(function (module, exports$1) {
-(function(root, factory) {
-			// https://github.com/umdjs/umd/blob/master/returnExports.js
-			{
-				// For Node.js.
-				module.exports = factory(root);
-			}
-		}(typeof commonjsGlobal != 'undefined' ? commonjsGlobal : css_escape, function(root) {
-
-			if (root.CSS && root.CSS.escape) {
-				return root.CSS.escape;
-			}
-
-			// https://drafts.csswg.org/cssom/#serialize-an-identifier
-			var cssEscape = function(value) {
-				if (arguments.length == 0) {
-					throw new TypeError('`CSS.escape` requires an argument.');
-				}
-				var string = String(value);
-				var length = string.length;
-				var index = -1;
-				var codeUnit;
-				var result = '';
-				var firstCodeUnit = string.charCodeAt(0);
-				while (++index < length) {
-					codeUnit = string.charCodeAt(index);
-					// Note: there’s no need to special-case astral symbols, surrogate
-					// pairs, or lone surrogates.
-
-					// If the character is NULL (U+0000), then the REPLACEMENT CHARACTER
-					// (U+FFFD).
-					if (codeUnit == 0x0000) {
-						result += '\uFFFD';
-						continue;
-					}
-
-					if (
-						// If the character is in the range [\1-\1F] (U+0001 to U+001F) or is
-						// U+007F, […]
-						(codeUnit >= 0x0001 && codeUnit <= 0x001F) || codeUnit == 0x007F ||
-						// If the character is the first character and is in the range [0-9]
-						// (U+0030 to U+0039), […]
-						(index == 0 && codeUnit >= 0x0030 && codeUnit <= 0x0039) ||
-						// If the character is the second character and is in the range [0-9]
-						// (U+0030 to U+0039) and the first character is a `-` (U+002D), […]
-						(
-							index == 1 &&
-							codeUnit >= 0x0030 && codeUnit <= 0x0039 &&
-							firstCodeUnit == 0x002D
-						)
-					) {
-						// https://drafts.csswg.org/cssom/#escape-a-character-as-code-point
-						result += '\\' + codeUnit.toString(16) + ' ';
-						continue;
-					}
-
-					if (
-						// If the character is the first character and is a `-` (U+002D), and
-						// there is no second character, […]
-						index == 0 &&
-						length == 1 &&
-						codeUnit == 0x002D
-					) {
-						result += '\\' + string.charAt(index);
-						continue;
-					}
-
-					// If the character is not handled by one of the above rules and is
-					// greater than or equal to U+0080, is `-` (U+002D) or `_` (U+005F), or
-					// is in one of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to
-					// U+005A), or [a-z] (U+0061 to U+007A), […]
-					if (
-						codeUnit >= 0x0080 ||
-						codeUnit == 0x002D ||
-						codeUnit == 0x005F ||
-						codeUnit >= 0x0030 && codeUnit <= 0x0039 ||
-						codeUnit >= 0x0041 && codeUnit <= 0x005A ||
-						codeUnit >= 0x0061 && codeUnit <= 0x007A
-					) {
-						// the character itself
-						result += string.charAt(index);
-						continue;
-					}
-
-					// Otherwise, the escaped character.
-					// https://drafts.csswg.org/cssom/#escape-a-character
-					result += '\\' + string.charAt(index);
-
-				}
-				return result;
-			};
-
-			if (!root.CSS) {
-				root.CSS = {};
-			}
-
-			root.CSS.escape = cssEscape;
-			return cssEscape;
-
-		})); 
-	} (css_escape$1));
-	return css_escape$1.exports;
-}
-
-var css_escapeExports = requireCss_escape();
-var cssEscape = /*@__PURE__*/getDefaultExportFromCjs(css_escapeExports);
-
-/**
- * Minimal Cloudinary poster URL builder for video first frame.
- * Used by schedule bootstrap when outside schedule (no full player loaded).
- */
-const POSTER_TRANSFORMATION = 'so_0,f_auto,q_auto';
-
-/**
- * Build Cloudinary video poster (first frame) URL.
- * @param {string} cloudName - Cloudinary cloud name
- * @param {string} publicId - Video public ID
- * @param {object} [cloudinaryConfig] - Optional: secure, private_cdn, cdn_subdomain, cname, secure_distribution
- * @returns {string} Poster image URL
- */
-const buildPosterUrl = function (cloudName, publicId) {
-  let cloudinaryConfig = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  const config = {
-    cloud_name: cloudName || cloudinaryConfig.cloud_name,
-    ...cloudinaryConfig,
-    secure: cloudinaryConfig.secure ?? true
-  };
-  const prefix = getCloudinaryUrlPrefix(config);
-  return `${prefix}/video/upload/${POSTER_TRANSFORMATION}/${publicId}`;
-};
-
-/**
- * Schedule utilities: weekly time-range parsing and bootstrap (poster rendering).
- * Uses browser local time. No videojs dependency for the bootstrap path.
- */
-const INTERNAL_ANALYTICS_URL = 'https://analytics-api-s.cloudinary.com';
-const sendScheduleImageAnalytics = options => {
-  const allowReport = options?.sourceOptions?.allowUsageReport ?? options?.allowUsageReport;
-  if (allowReport === false) return;
-  try {
-    const params = new URLSearchParams({
-      scheduleImageRendered: 'true',
-      cloudName: options?.cloudName || options?.cloudinaryConfig?.cloud_name || ''
-    }).toString();
-    fetch(`${INTERNAL_ANALYTICS_URL}/video_player_source?${params}`);
-  } catch {
-    // noop
-  }
-};
-const getCloudNameFromOptions = options => options?.cloudName || options?.cloud_name || options?.cloudinaryConfig?.cloud_name;
-const getPublicIdFromOptions = options => options?.publicId || options?.sourceOptions?.publicId;
-
-/**
- * Returns true when schedule.weekly is configured and current time is outside the schedule.
- * @param {object} options - player options
- * @returns {boolean}
- */
-const shouldUseScheduleBootstrap = options => {
-  const schedule = options?.schedule;
-  const weekly = schedule?.weekly;
-  return Array.isArray(weekly) && weekly.length > 0 && !isWithinSchedule(schedule, new Date());
-};
-
-/**
- * Bootstrap path when outside schedule: render poster, return stub with loadPlayer().
- * @param {string|HTMLElement} elem - Element id or video element
- * @param {object} options - player options
- * @returns {object} Stub with source() and loadPlayer()
- */
-const scheduleBootstrap = (elem, options) => {
-  const videoElement = getElementForSchedule(elem);
-  const cloudName = getCloudNameFromOptions(options);
-  const publicId = getPublicIdFromOptions(options);
-  if (!cloudName || !publicId) {
-    throw new Error('schedule.weekly requires cloudName and publicId when outside schedule');
-  }
-  const cloudinaryConfig = options?.cloudinaryConfig || {
-    cloud_name: cloudName
-  };
-  const posterUrl = buildPosterUrl(cloudName, publicId, cloudinaryConfig);
-  const fluid = options?.fluid !== false;
-  const {
-    container,
-    videoElement: vEl
-  } = renderScheduleImage(videoElement, posterUrl, {
-    fluid,
-    width: options?.width,
-    height: options?.height,
-    cropMode: options?.sourceOptions?.cropMode
-  });
-  sendScheduleImageAnalytics(options);
-  const stub = {
-    source: () => stub,
-    loadPlayer: () => {
-      if (container && container.parentNode) {
-        container.parentNode.removeChild(container);
-      }
-      vEl.style.display = '';
-      return import('./video-player.js').then(function (n) { return n.v; }).then(m => m.createVideoPlayer(vEl, options));
-    }
-  };
-  return stub;
-};
-const DAY_MAP = {
-  sunday: 0,
-  sun: 0,
-  monday: 1,
-  mon: 1,
-  tuesday: 2,
-  tue: 2,
-  tues: 2,
-  wednesday: 3,
-  wed: 3,
-  thursday: 4,
-  thu: 4,
-  thur: 4,
-  thurs: 4,
-  friday: 5,
-  fri: 5,
-  saturday: 6,
-  sat: 6
-};
 const FLUID_CLASS = 'cld-fluid';
 
-/**
- * Parse readable day-of-week string to JS Date.getDay() value (0=Sun .. 6=Sat).
- * @param {string} day - Full or abbreviated day name (case-insensitive)
- * @returns {number|null} 0-6, or null if invalid
- */
-const parseDay = day => {
-  if (typeof day !== 'string') return null;
-  const key = day.toLowerCase().trim();
-  return DAY_MAP[key] ?? null;
-};
-
-/**
- * Parse "HH:mm" string to minutes since midnight.
- * @param {string} timeStr - "09:00" or "17:30"
- * @returns {number|null} minutes, or null if invalid
- */
-const parseTime = timeStr => {
-  if (typeof timeStr !== 'string') return null;
-  const match = timeStr.trim().match(/^(\d{1,2}):(\d{2})$/);
-  if (!match) return null;
-  const h = parseInt(match[1], 10);
-  const m = parseInt(match[2], 10);
-  if (h < 0 || h > 23 || m < 0 || m > 59) return null;
-  return h * 60 + m;
-};
-
-/**
- * Check if a date falls within any configured weekly slot (local time).
- * @param {{ weekly?: Array<{ day: string, start: string, duration: number }> }} schedule - schedule config
- * @param {Date} date - date to check (uses local time)
- * @returns {boolean} true if within a slot
- */
-const isWithinSchedule = (schedule, date) => {
-  const weekly = schedule?.weekly;
-  if (!Array.isArray(weekly) || weekly.length === 0) return true;
-  const WEEK = 7 * 1440;
-  const nowInWeek = date.getDay() * 1440 + date.getHours() * 60 + date.getMinutes();
-  for (const slot of weekly) {
-    const slotDay = parseDay(slot.day);
-    if (slotDay === null) continue;
-    const startMin = parseTime(slot.start);
-    if (startMin === null || typeof slot.duration !== 'number' || slot.duration <= 0) continue;
-    const slotStart = slotDay * 1440 + startMin;
-    const durationMin = slot.duration * 60;
-    const elapsed = (nowInWeek - slotStart + WEEK) % WEEK;
-    if (elapsed < durationMin) return true;
-  }
-  return false;
-};
-
-/**
- * Resolve video element by id or return element. No videojs.
- * @param {string|HTMLElement} elem - Element id (with or without #) or video element
- * @returns {HTMLVideoElement}
- */
-const getElementForSchedule = elem => {
+/** Same condition as `getPosterUrl` in `poster-url.js` (explicit string `poster`); skips the `cld-poster-url` async chunk. */
+const hasExplicitPoster = options => typeof options?.poster === 'string' && options.poster.length > 0;
+const getVideoElement = elem => {
   if (typeof elem === 'string') {
     let id = elem;
     if (id.indexOf('#') === 0) id = id.slice(1);
     try {
-      elem = document.querySelector(`#${cssEscape(id)}`);
+      elem = document.querySelector(`#${CSS.escape(id)}`);
     } catch {
       elem = null;
     }
@@ -394,45 +17,171 @@ const getElementForSchedule = elem => {
   if (elem.tagName !== 'VIDEO') throw new Error('Element is not a video tag.');
   return elem;
 };
-
-/**
- * Hide video, show poster image overlay. Keeps video in DOM for load().
- * @param {HTMLVideoElement} videoElement
- * @param {string} posterUrl
- * @param {object} options - fluid, width, height, etc.
- * @returns {{ img: HTMLImageElement, container: HTMLElement, videoElement: HTMLVideoElement }}
- */
-const renderScheduleImage = function (videoElement, posterUrl) {
+const preparePlayerPlaceholder = function (videoElement, posterUrl) {
   let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const hadControls = videoElement.hasAttribute('controls');
+  videoElement.poster = posterUrl;
+  videoElement.preload = 'none';
+  videoElement.controls = false;
+  videoElement.removeAttribute('controls');
   const fluid = options.fluid !== false;
-  const parent = videoElement.parentNode;
-  const container = document.createElement('div');
-  container.className = 'cld-schedule-poster-container';
-  container.style.cssText = 'position:relative;width:100%;height:100%;';
-  const img = document.createElement('img');
-  img.src = posterUrl;
-  img.alt = '';
-  img.setAttribute('data-cld-schedule-poster', 'true');
-  img.style.cssText = 'display:block;width:100%;height:100%;object-fit:contain;';
   if (fluid) {
-    container.classList.add(FLUID_CLASS);
-    img.style.objectFit = options.cropMode === 'fill' ? 'cover' : 'contain';
+    videoElement.classList.add(FLUID_CLASS);
+  }
+  if (options.width) videoElement.setAttribute('width', String(options.width));
+  if (options.height) videoElement.setAttribute('height', String(options.height));
+  const ar = options?.sourceOptions?.aspectRatio || options?.aspectRatio;
+  if (typeof ar === 'string' && ar.includes(':')) {
+    const parts = ar.split(':').map(x => parseInt(x.trim(), 10));
+    if (parts.length === 2 && parts[0] > 0 && parts[1] > 0) {
+      videoElement.style.aspectRatio = `${parts[0]} / ${parts[1]}`;
+    }
   }
-  if (options.width) container.style.width = `${options.width}px`;
-  if (options.height) container.style.height = `${options.height}px`;
-  videoElement.style.display = 'none';
-  container.appendChild(img);
-  parent.insertBefore(container, videoElement);
   return {
-    img,
-    container,
-    videoElement
+    videoElement,
+    hadControls
+  };
+};
+const loadPlayer = _ref => {
+  let {
+    overlayRoot,
+    videoElement,
+    options,
+    ready
+  } = _ref;
+  if (overlayRoot?.parentNode) {
+    overlayRoot.replaceWith(videoElement);
+  }
+  return import('./video-player.js').then(function (n) { return n.v; }).then(m => m.createVideoPlayer(videoElement, options, ready));
+};
+const LAZY_PLAYER_CLASS = 'cld-lazy-player';
+const isLightSkin = (videoElement, options) => {
+  const cls = videoElement.className || '';
+  return cls.indexOf('cld-video-player-skin-light') > -1 || options?.skin === 'light';
+};
+
+/** Matches Video.js BigPlayButton DOM structure. */
+const createBigPlayButton = () => {
+  const playBtn = document.createElement('button');
+  playBtn.type = 'button';
+  playBtn.className = 'vjs-big-play-button';
+  playBtn.setAttribute('aria-disabled', 'false');
+  playBtn.title = 'Play Video';
+  playBtn.setAttribute('aria-label', 'Play Video');
+  const icon = document.createElement('span');
+  icon.className = 'vjs-icon-placeholder';
+  icon.setAttribute('aria-hidden', 'true');
+  playBtn.appendChild(icon);
+  return playBtn;
+};
+const shouldUseLazyBootstrap = options => !!options?.lazy;
+const shouldLoadOnScroll = lazy => lazy && typeof lazy === 'object' && lazy.loadOnScroll === true;
+
+/**
+ * Renders the lazy placeholder (poster, big-play) before the main player chunk loads.
+ *
+ * @param {string|HTMLVideoElement} elem
+ * @param {object} options
+ * @param {function} [ready] - Passed through when the full player loads.
+ * @returns {Promise<{ source: function, loadPlayer: function }>}
+ */
+const lazyBootstrap = async (elem, options, ready) => {
+  const videoElement = getVideoElement(elem);
+  const posterUrl = hasExplicitPoster(options) ? options.poster : (await import(/* webpackChunkName: "cld-poster-url" */'./poster-url.js')).getPosterUrl(options);
+  const loadOnScroll = shouldLoadOnScroll(options.lazy);
+  const {
+    hadControls
+  } = preparePlayerPlaceholder(videoElement, posterUrl, {
+    fluid: options?.fluid !== false,
+    width: options?.width,
+    height: options?.height,
+    sourceOptions: options?.sourceOptions,
+    aspectRatio: options?.aspectRatio
+  });
+  const light = isLightSkin(videoElement, options);
+  const overlayRoot = document.createElement('div');
+  overlayRoot.classList.add('cld-video-player', 'video-js', LAZY_PLAYER_CLASS);
+  overlayRoot.classList.add(light ? 'cld-video-player-skin-light' : 'cld-video-player-skin-dark');
+  const colors = options?.colors;
+  if (colors) {
+    if (colors.base) overlayRoot.style.setProperty('--color-base', colors.base);
+    if (colors.accent) overlayRoot.style.setProperty('--color-accent', colors.accent);
+    if (colors.text) overlayRoot.style.setProperty('--color-text', colors.text);
+  }
+  videoElement.parentNode.insertBefore(overlayRoot, videoElement);
+  overlayRoot.appendChild(videoElement);
+  const playBtn = createBigPlayButton();
+  overlayRoot.appendChild(playBtn);
+  let loadPromise = null;
+  let observer = null;
+  const teardownActivation = () => {
+    playBtn.removeEventListener('click', onPlayClick);
+    videoElement.removeEventListener('click', onVideoClick);
+    if (observer) {
+      observer.disconnect();
+      observer = null;
+    }
+  };
+  const activatePlayer = function () {
+    let activationOpts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (loadPromise) {
+      return loadPromise;
+    }
+    teardownActivation();
+    const autoplayFromUserGesture = activationOpts.autoplayFromUserGesture === true;
+    if (hadControls) videoElement.setAttribute('controls', '');
+    const wrappedReady = autoplayFromUserGesture ? p => {
+      p.play();
+      if (ready) ready(p);
+    } : ready;
+    const playerOptions = Object.assign({}, options);
+    delete playerOptions.lazy;
+    loadPromise = loadPlayer({
+      overlayRoot,
+      videoElement,
+      options: playerOptions,
+      ready: wrappedReady
+    });
+    return loadPromise;
   };
+  function onPlayClick(e) {
+    e.stopPropagation();
+    activatePlayer({
+      autoplayFromUserGesture: true
+    });
+  }
+  function onVideoClick() {
+    activatePlayer({
+      autoplayFromUserGesture: true
+    });
+  }
+  playBtn.addEventListener('click', onPlayClick);
+  videoElement.addEventListener('click', onVideoClick);
+  if (loadOnScroll && typeof IntersectionObserver !== 'undefined') {
+    observer = new IntersectionObserver(entries => {
+      entries.forEach(entry => {
+        if (entry.isIntersecting) {
+          activatePlayer({});
+        }
+      });
+    }, {
+      rootMargin: '0px',
+      threshold: 0.25
+    });
+    observer.observe(videoElement);
+  }
+  const stub = {
+    source: () => stub,
+    loadPlayer: () => activatePlayer({
+      autoplayFromUserGesture: true
+    })
+  };
+  return stub;
 };
 
 const createAsyncPlayer = async (id, playerOptions, ready, createFn) => {
   const mergedOptions = Object.assign({}, playerOptions);
-  const videoElement = getElementForSchedule(id);
+  const videoElement = getVideoElement(id);
   const opts = await (async () => {
     try {
       const {
@@ -444,8 +193,17 @@ const createAsyncPlayer = async (id, playerOptions, ready, createFn) => {
       return mergedOptions;
     }
   })();
-  if (shouldUseScheduleBootstrap(opts)) {
-    return scheduleBootstrap(id, opts);
+  if (opts?.schedule?.weekly) {
+    const {
+      shouldUseScheduleBootstrap,
+      scheduleBootstrap
+    } = await import('./schedule.js');
+    if (shouldUseScheduleBootstrap(opts)) {
+      return scheduleBootstrap(id, opts, ready);
+    }
+  }
+  if (shouldUseLazyBootstrap(opts)) {
+    return lazyBootstrap(id, opts, ready);
   }
   return createFn(videoElement, opts, ready);
 };
@@ -466,4 +224,4 @@ const setupCloudinaryGlobal = methods => {
   return cloudinary;
 };
 
-export { LAYER_KEYWORD_PARAMS as L, OFFSET_ANY_PATTERN_RE as O, RANGE_VALUE_RE as R, createAsyncPlayer as a, LEGACY_CONDITIONAL_OPERATORS as b, createMultiplePlayers as c, LEGACY_PREDEFINED_VARS as d, cssEscape as e, createMultipleSync as f, getCloudinaryUrlPrefix as g, setupCloudinaryGlobal as s, unsigned_url_prefix as u };
+export { createAsyncPlayer as a, createMultipleSync as b, createMultiplePlayers as c, getVideoElement as g, loadPlayer as l, preparePlayerPlaceholder as p, setupCloudinaryGlobal as s };

package/lib/player.js

@@ -2,7 +2,8 @@ export { player as default } from './index.js';
 import './_videojs-proxy.js';
 import './_commonjsHelpers.js';
 import './video-player.js';
-import './object.js';
+import './cloudinary-config-from-options.js';
 import './video-player.const.js';
 import './validators-functions.js';
+import './cloudinary-url-prefix.js';
 import './player-api.js';

package/lib/playlist.js

@@ -2,10 +2,10 @@ import { j as isPlainObject, k as camelCase, V as VideoSource, P as PLAYER_EVENT
 import { i as isInteger, P as PlaylistLayout } from './playlist-panel.js';
 import { _ as _vjs } from './_videojs-proxy.js';
 import './_commonjsHelpers.js';
-import './object.js';
+import './cloudinary-config-from-options.js';
 import './video-player.const.js';
 import './validators-functions.js';
-import './player-api.js';
+import './cloudinary-url-prefix.js';
 import './toNumber.js';
 
 // https://github.com/csnover/js-iso8601/blob/master/iso8601.js

package/lib/poster-url.js

@@ -0,0 +1,46 @@
+import { g as getCloudinaryUrlPrefix } from './cloudinary-url-prefix.js';
+
+/**
+ * Cloudinary video poster URLs for bootstrap paths (lazy shell, schedule image) where the full player is not loaded.
+ * Default delivery matches VideoSource poster defaults: video resource, JPG still.
+ */
+
+/**
+ * @param {string} cloudName
+ * @param {string} publicId
+ * @param {object} [cloudinaryConfig] - Same shape as player `cloudinaryConfig` (e.g. private_cdn, cname, secure).
+ * @returns {string}
+ */
+const buildPosterUrl = function (cloudName, publicId) {
+  let cloudinaryConfig = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const config = {
+    cloud_name: cloudName || cloudinaryConfig.cloud_name,
+    ...cloudinaryConfig,
+    secure: cloudinaryConfig.secure ?? true
+  };
+  const prefix = getCloudinaryUrlPrefix(config);
+  return `${prefix}/video/upload/${publicId}.jpg`;
+};
+
+/**
+ * Resolves the poster URL for lazy bootstrap from player options.
+ *
+ * @param {object} options - Player options (`poster`, `cloudName` / `cloud_name`, `publicId` / `sourceOptions.publicId`, `cloudinaryConfig`).
+ * @returns {string}
+ * @throws {Error} When no explicit `poster` string and cloud name + public id are missing.
+ */
+const getPosterUrl = options => {
+  if (typeof options?.poster === 'string' && options.poster.length > 0) {
+    return options.poster;
+  }
+  const cloudName = options?.cloudName || options?.cloud_name || options?.cloudinaryConfig?.cloud_name;
+  const publicId = options?.publicId || options?.sourceOptions?.publicId;
+  if (cloudName && publicId) {
+    return buildPosterUrl(cloudName, publicId, options?.cloudinaryConfig || {
+      cloud_name: cloudName
+    });
+  }
+  throw new Error('lazy requires a poster URL or cloudName and publicId');
+};
+
+export { buildPosterUrl, getPosterUrl };