@funhub/platform 0.1.130 → 0.1.132

package/dist/components/common/video-player/playing-videos.mjs

@@ -1,74 +1,2 @@
 
-//#region components/common/video-player/playing-videos.ts
-const playingVideos = {};
-const VIDEO_RENDER_STUCK_MEDIA_TIME_GAP_SECONDS = .35;
-const FPS_STUCK_RECOVERY_MIN_DURATION_MS = 1e3;
-const RETRY_RESUME_END_GAP_SECONDS = .35;
-/**
-* 读取安全的非负数字，非法值统一回退为 0。
-*/
-function toSafeNonNegativeNumber(input) {
-	const parsedValue = Number(input);
-	if (!Number.isFinite(parsedValue) || parsedValue < 0) return 0;
-	return parsedValue;
-}
-/**
-* 根据 fps_stuck 事件载荷判断是否需要触发恢复。
-*/
-function shouldTriggerFpsStuckRecovery(payload) {
-	if (!Array.isArray(payload) || payload.length === 0) return true;
-	let totalCheckInterval = 0;
-	let hasDecodedFrames = false;
-	payload.forEach((item) => {
-		if (!item || typeof item !== "object") return;
-		const sample = item;
-		if (toSafeNonNegativeNumber(sample.curDecodedFrames) > 0) {
-			hasDecodedFrames = true;
-			return;
-		}
-		totalCheckInterval += toSafeNonNegativeNumber(sample.checkInterval);
-	});
-	if (hasDecodedFrames) return false;
-	return totalCheckInterval >= FPS_STUCK_RECOVERY_MIN_DURATION_MS;
-}
-/**
-* 在自动重试前记录恢复位置，避免重建后跳到外部传入的旧进度。
-*/
-function prepareRetryResumeState({ failureType, player, renderedMediaTime }) {
-	if (!player) return {
-		time: null,
-		shouldPlay: null
-	};
-	const media = player?.media || player?.video;
-	let resumeTime = Number(player?.currentTime ?? media?.currentTime ?? 0);
-	if (failureType === "fps_stuck" && Number.isFinite(renderedMediaTime) && renderedMediaTime > 0) resumeTime = Math.min(resumeTime, renderedMediaTime + VIDEO_RENDER_STUCK_MEDIA_TIME_GAP_SECONDS);
-	return {
-		time: Number.isFinite(resumeTime) && resumeTime > 0 ? resumeTime : null,
-		shouldPlay: !(media?.paused ?? false)
-	};
-}
-function pauseOtherVideos(currentVideoId, currentPlayer) {
-	playingVideos[currentVideoId] = currentPlayer;
-	for (const videoId in playingVideos) if (videoId !== currentVideoId) {
-		const player = playingVideos[videoId];
-		try {
-			if (player && typeof player.pause === "function" && !player.paused) {
-				console.log(`暂停视频播放器: ${videoId}`);
-				player.pause();
-			}
-		} catch (error) {
-			console.warn(`暂停播放器 ${videoId} 时出错:`, error);
-			delete playingVideos[videoId];
-		}
-	}
-}
-function registerVideo(videoId, player) {
-	playingVideos[videoId] = player;
-}
-function unregisterVideo(videoId) {
-	delete playingVideos[videoId];
-	console.log(`注销视频播放器: ${videoId}`);
-}
-
-//#endregion
-export { RETRY_RESUME_END_GAP_SECONDS, pauseOtherVideos, prepareRetryResumeState, registerVideo, shouldTriggerFpsStuckRecovery, unregisterVideo };
+const e={},t=.35;function n(e){let t=Number(e);return!Number.isFinite(t)||t<0?0:t}function r(e){if(!Array.isArray(e)||e.length===0)return!0;let t=0,r=!1;return e.forEach(e=>{if(!e||typeof e!=`object`)return;let i=e;if(n(i.curDecodedFrames)>0){r=!0;return}t+=n(i.checkInterval)}),r?!1:t>=1e3}function i({failureType:e,player:t,renderedMediaTime:n}){if(!t)return{time:null,shouldPlay:null};let r=t?.media||t?.video,i=Number(t?.currentTime??r?.currentTime??0);return e===`fps_stuck`&&Number.isFinite(n)&&n>0&&(i=Math.min(i,n+.35)),{time:Number.isFinite(i)&&i>0?i:null,shouldPlay:!(r?.paused??!1)}}function a(t,n){e[t]=n;for(let n in e)if(n!==t){let t=e[n];try{t&&typeof t.pause==`function`&&!t.paused&&(console.log(`暂停视频播放器: ${n}`),t.pause())}catch(t){console.warn(`暂停播放器 ${n} 时出错:`,t),delete e[n]}}}function o(t,n){e[t]=n}function s(t){delete e[t],console.log(`注销视频播放器: ${t}`)}export{t as RETRY_RESUME_END_GAP_SECONDS,a as pauseOtherVideos,i as prepareRetryResumeState,o as registerVideo,r as shouldTriggerFpsStuckRecovery,s as unregisterVideo};

package/dist/components/common/video-player/process-m3u8-cache.mjs

@@ -1,283 +1,2 @@
 
-import getResUrl from "../../../utils/get-res-url.mjs";
-
-//#region components/common/video-player/process-m3u8-cache.ts
-const PROCESS_M3U8_CACHE_MAX_SIZE = 80;
-const PROCESS_M3U8_SUCCESS_TTL_MS = 30 * 1e3;
-const PROCESS_M3U8_FALLBACK_TTL_MS = 10 * 1e3;
-const PROCESS_M3U8_WARMUP_TIMEOUT_MS = 3e3;
-const PROCESS_M3U8_WARMUP_MAX_AWAIT_MS = 160;
-const ENABLE_PROCESS_M3U8_WARMUP_LOG = process.env.NODE_ENV !== "production";
-const RETRY_RECOVERED_MIN_PLAY_SECONDS = 1;
-const processM3u8Cache = /* @__PURE__ */ new Map();
-/**
-* 判断地址是否为 m3u8 资源（支持 query/hash）。
-*/
-function isM3u8VideoUrl(url) {
-	return /\.m3u8(?:$|[?#])/i.test(url);
-}
-/**
-* 兼容绝对地址（http/blob/data），避免重复拼接资源域名。
-*/
-function isAbsoluteOrBlobUrl(url) {
-	return /^(?:https?:)?\/\//i.test(url) || /^(?:blob:|data:)/i.test(url);
-}
-/**
-* 生成 processM3u8 接口地址。
-*/
-function buildProcessM3u8ApiUrl(url) {
-	return `${process.env.NEXT_PUBLIC_API_BASE}/api/content/processM3u8?url=${encodeURIComponent(`${getResUrl()}/m3f/${url}`)}`;
-}
-function revokeObjectUrl(url) {
-	if (!url || !url.startsWith("blob:")) return;
-	try {
-		URL.revokeObjectURL(url);
-	} catch {}
-}
-function removeCacheItem(url) {
-	const cacheItem = processM3u8Cache.get(url);
-	if (!cacheItem) return;
-	revokeObjectUrl(cacheItem.objectUrl);
-	processM3u8Cache.delete(url);
-}
-function trimCacheSize() {
-	while (processM3u8Cache.size > PROCESS_M3U8_CACHE_MAX_SIZE) {
-		const oldestKey = processM3u8Cache.keys().next().value;
-		if (!oldestKey) break;
-		removeCacheItem(oldestKey);
-	}
-}
-function touchCacheItem(url, cacheItem) {
-	processM3u8Cache.delete(url);
-	processM3u8Cache.set(url, cacheItem);
-}
-function getValidCacheItem(url) {
-	const cacheItem = processM3u8Cache.get(url);
-	if (!cacheItem) return null;
-	if (cacheItem.expiresAt <= Date.now()) {
-		removeCacheItem(url);
-		return null;
-	}
-	touchCacheItem(url, cacheItem);
-	return cacheItem;
-}
-async function fetchProcessedM3u8AsBlobUrl(url) {
-	const processApiUrl = buildProcessM3u8ApiUrl(url);
-	try {
-		const response = await fetch(processApiUrl, {
-			method: "GET",
-			credentials: "omit",
-			cache: "no-store"
-		});
-		if (!response.ok) throw new Error(`processM3u8 status ${response.status}`);
-		const playlistText = await response.text();
-		if (!playlistText.includes("#EXTM3U")) throw new Error("processM3u8 invalid playlist");
-		const objectUrl = URL.createObjectURL(new Blob([playlistText], { type: "application/vnd.apple.mpegurl" }));
-		const cacheItem = processM3u8Cache.get(url);
-		if (cacheItem) {
-			revokeObjectUrl(cacheItem.objectUrl);
-			cacheItem.objectUrl = objectUrl;
-			cacheItem.expiresAt = Date.now() + PROCESS_M3U8_SUCCESS_TTL_MS;
-			touchCacheItem(url, cacheItem);
-			trimCacheSize();
-			return objectUrl;
-		}
-		revokeObjectUrl(objectUrl);
-		return processApiUrl;
-	} catch {
-		const cacheItem = processM3u8Cache.get(url);
-		if (cacheItem) {
-			cacheItem.expiresAt = Date.now() + PROCESS_M3U8_FALLBACK_TTL_MS;
-			touchCacheItem(url, cacheItem);
-		}
-		return processApiUrl;
-	}
-}
-function getOrCreateCacheItem(url) {
-	const cached = getValidCacheItem(url);
-	if (cached) return cached;
-	const cacheItem = {
-		expiresAt: Date.now() + PROCESS_M3U8_FALLBACK_TTL_MS,
-		objectUrl: "",
-		promise: Promise.resolve("")
-	};
-	cacheItem.promise = fetchProcessedM3u8AsBlobUrl(url);
-	processM3u8Cache.set(url, cacheItem);
-	trimCacheSize();
-	return cacheItem;
-}
-/**
-* 移动端 / WebView 优先走 processM3u8 直连地址，避免 blob playlist 兼容问题。
-*/
-function shouldPreferProcessM3u8Url(userAgent) {
-	if (!userAgent) return false;
-	const ua = userAgent.toLowerCase();
-	if (/(android|iphone|ipad|ipod|mobile|harmonyos|windows phone)/.test(ua)) return true;
-	return /; wv\)|webview|micromessenger|qq\//.test(ua);
-}
-/**
-* 同步生成播放器可直接请求的地址。
-* - 普通资源：拼接资源域名
-* - m3u8：返回 processM3u8 接口地址
-*/
-function buildVideoPlayerSrc(url) {
-	if (!url) return "";
-	if (isAbsoluteOrBlobUrl(url)) return url;
-	if (isM3u8VideoUrl(url)) return buildProcessM3u8ApiUrl(url);
-	return `${getResUrl()}/${url}`;
-}
-/**
-* 异步解析播放器地址：m3u8 优先返回本地 blob URL（失败自动降级到 processM3u8 接口）。
-*/
-async function resolveVideoPlayerSrc(url) {
-	if (!url) return "";
-	if (!isM3u8VideoUrl(url) || typeof window === "undefined") return buildVideoPlayerSrc(url);
-	if (shouldPreferProcessM3u8Url(window.navigator?.userAgent || "")) return buildVideoPlayerSrc(url);
-	return await getOrCreateCacheItem(url).promise;
-}
-/**
-* 预热 m3u8 地址（用于全屏流/详情页首帧前提速）。
-*/
-function prefetchVideoPlayerSrc(url) {
-	if (!url || !isM3u8VideoUrl(url) || typeof window === "undefined") return;
-	if (shouldPreferProcessM3u8Url(window.navigator?.userAgent || "")) return;
-	getOrCreateCacheItem(url).promise;
-}
-/**
-* 读取服务端可用的主 CDN 域名。
-*/
-function getPrimaryCdnOrigin() {
-	const firstCdn = (process.env.NEXT_PUBLIC_CDN || "").split(",").map((item) => item.trim()).find(Boolean);
-	if (!firstCdn) return "";
-	return firstCdn.replace(/\/+$/, "");
-}
-/**
-* 将接口返回的 m3u8 字段转换成 processM3u8 需要的源文件地址。
-*/
-function buildServerM3u8SourceUrl(rawM3u8Url) {
-	if (!rawM3u8Url) return "";
-	if (/^https?:\/\//i.test(rawM3u8Url)) return rawM3u8Url;
-	const origin = getPrimaryCdnOrigin();
-	if (!origin) return "";
-	const normalizedPath = rawM3u8Url.replace(/^\/+/, "");
-	if (!normalizedPath) return "";
-	if (normalizedPath.startsWith("m3f/")) return `${origin}/${normalizedPath}`;
-	return `${origin}/m3f/${normalizedPath}`;
-}
-/**
-* 统一规范 episode 序号，最小为 1。
-*/
-function normalizeEpisodeNumber(input, fallback = 1) {
-	const fallbackValue = Number.isFinite(fallback) ? Math.max(1, Math.floor(fallback)) : 1;
-	if (typeof input === "number") {
-		if (!Number.isFinite(input)) return fallbackValue;
-		return Math.max(1, Math.floor(input));
-	}
-	if (typeof input === "string") {
-		const trimmed = input.trim();
-		if (!trimmed) return fallbackValue;
-		const parsed = Number.parseInt(trimmed, 10);
-		if (Number.isNaN(parsed)) return fallbackValue;
-		return Math.max(1, parsed);
-	}
-	return fallbackValue;
-}
-/**
-* 从 links 列表中按集数提取 m3u8 地址，兼容 `m3u8_url` 与 `m3u8url`。
-*/
-function resolveEpisodeM3u8UrlFromLinks(links, episodeInput) {
-	if (!Array.isArray(links) || links.length === 0) return "";
-	const episodeNumber = normalizeEpisodeNumber(episodeInput, 1);
-	const target = links[Math.max(0, episodeNumber - 1)] || links[0];
-	if (!target || typeof target !== "object") return "";
-	const rawLink = target;
-	return rawLink.m3u8_url || rawLink.m3u8url || "";
-}
-function pickM3u8Url(candidate) {
-	if (typeof candidate === "string") return candidate;
-	if (!candidate || typeof candidate !== "object") return "";
-	const raw = candidate;
-	return raw.m3u8_url || raw.m3u8url || "";
-}
-/**
-* 自动识别入参（单个 url / url 数组 / links 数组），提取可预热的 m3u8 地址。
-*/
-function resolveM3u8Urls(input, episodeInput) {
-	if (typeof input === "string") return input ? [input] : [];
-	if (!Array.isArray(input) || input.length === 0) return [];
-	if (input.every((item) => typeof item === "string")) return Array.from(new Set(input.filter(Boolean)));
-	const episodeUrl = resolveEpisodeM3u8UrlFromLinks(input, episodeInput);
-	if (episodeUrl) return [episodeUrl];
-	return Array.from(new Set(input.map((item) => pickM3u8Url(item)).filter(Boolean)));
-}
-function sleep(ms) {
-	return new Promise((resolve) => {
-		setTimeout(() => resolve(), ms);
-	});
-}
-function simplifyWarmupUrl(url) {
-	try {
-		const parsed = new URL(url);
-		return `${parsed.origin}${parsed.pathname}`;
-	} catch {
-		return url;
-	}
-}
-function logWarmupProcessM3u8(message, payload) {
-	if (!ENABLE_PROCESS_M3U8_WARMUP_LOG) return;
-	console.warn(`[processM3u8-warmup] ${message}`, payload);
-}
-/**
-* 服务端预热 processM3u8。
-*
-* 说明：
-* - 最多等待一小段时间，确保请求尽早发出；
-* - 超时后不阻塞 SSR 渲染，剩余请求在后台继续。
-*/
-async function warmupProcessM3u8(rawM3u8Url) {
-	const sourceUrl = buildServerM3u8SourceUrl(rawM3u8Url);
-	if (!sourceUrl || typeof window !== "undefined") return;
-	const warmupUrl = simplifyWarmupUrl(sourceUrl);
-	const startAt = Date.now();
-	logWarmupProcessM3u8("start", { url: warmupUrl });
-	const processApiUrl = `${process.env.NEXT_PUBLIC_API_BASE}/api/content/processM3u8?url=${encodeURIComponent(sourceUrl)}`;
-	const controller = new AbortController();
-	const timeoutId = setTimeout(() => controller.abort(), PROCESS_M3U8_WARMUP_TIMEOUT_MS);
-	const warmupPromise = fetch(processApiUrl, {
-		method: "GET",
-		credentials: "omit",
-		cache: "no-store",
-		signal: controller.signal
-	}).then(async (response) => {
-		if (!response.ok) throw new Error(`processM3u8 status ${response.status}`);
-		if (!(await response.text()).includes("#EXTM3U")) throw new Error("processM3u8 invalid playlist");
-		logWarmupProcessM3u8("done", {
-			url: warmupUrl,
-			costMs: Date.now() - startAt
-		});
-		return "done";
-	}).catch((error) => {
-		logWarmupProcessM3u8("fail", {
-			url: warmupUrl,
-			costMs: Date.now() - startAt,
-			error: error instanceof Error ? error.message : String(error || "")
-		});
-		return "fail";
-	}).finally(() => {
-		clearTimeout(timeoutId);
-	});
-	if (await Promise.race([warmupPromise, sleep(PROCESS_M3U8_WARMUP_MAX_AWAIT_MS).then(() => "timeout")]) === "timeout") logWarmupProcessM3u8("detach", {
-		url: warmupUrl,
-		awaitMs: PROCESS_M3U8_WARMUP_MAX_AWAIT_MS
-	});
-}
-/**
-* 自动预热：支持传入单个 url、url 数组或 links 数组。
-*/
-async function warmupProcessM3u8Auto(input, episodeInput) {
-	const urls = resolveM3u8Urls(input, episodeInput);
-	await Promise.all(urls.map((url) => warmupProcessM3u8(url)));
-}
-
-//#endregion
-export { RETRY_RECOVERED_MIN_PLAY_SECONDS, buildVideoPlayerSrc, isM3u8VideoUrl, normalizeEpisodeNumber, prefetchVideoPlayerSrc, resolveVideoPlayerSrc, warmupProcessM3u8Auto };
+import e from"../../../utils/get-res-url.mjs";const t=10*1e3,n=process.env.NODE_ENV!==`production`,r=1,i=new Map;function a(e){return/\.m3u8(?:$|[?#])/i.test(e)}function o(e){return/^(?:https?:)?\/\//i.test(e)||/^(?:blob:|data:)/i.test(e)}function s(t){return`${process.env.NEXT_PUBLIC_API_BASE}/api/content/processM3u8?url=${encodeURIComponent(`${e()}/m3f/${t}`)}`}function c(e){if(!(!e||!e.startsWith(`blob:`)))try{URL.revokeObjectURL(e)}catch{}}function l(e){let t=i.get(e);t&&(c(t.objectUrl),i.delete(e))}function u(){for(;i.size>80;){let e=i.keys().next().value;if(!e)break;l(e)}}function d(e,t){i.delete(e),i.set(e,t)}function f(e){let t=i.get(e);return t?t.expiresAt<=Date.now()?(l(e),null):(d(e,t),t):null}async function p(e){let n=s(e);try{let t=await fetch(n,{method:`GET`,credentials:`omit`,cache:`no-store`});if(!t.ok)throw Error(`processM3u8 status ${t.status}`);let r=await t.text();if(!r.includes(`#EXTM3U`))throw Error(`processM3u8 invalid playlist`);let a=URL.createObjectURL(new Blob([r],{type:`application/vnd.apple.mpegurl`})),o=i.get(e);return o?(c(o.objectUrl),o.objectUrl=a,o.expiresAt=Date.now()+3e4,d(e,o),u(),a):(c(a),n)}catch{let r=i.get(e);return r&&(r.expiresAt=Date.now()+t,d(e,r)),n}}function m(e){let n=f(e);if(n)return n;let r={expiresAt:Date.now()+t,objectUrl:``,promise:Promise.resolve(``)};return r.promise=p(e),i.set(e,r),u(),r}function h(e){if(!e)return!1;let t=e.toLowerCase();return/(android|iphone|ipad|ipod|mobile|harmonyos|windows phone)/.test(t)?!0:/; wv\)|webview|micromessenger|qq\//.test(t)}function g(t){return t?o(t)?t:a(t)?s(t):`${e()}/${t}`:``}async function _(e){return e?!a(e)||typeof window>`u`||h(window.navigator?.userAgent||``)?g(e):await m(e).promise:``}function v(e){!e||!a(e)||typeof window>`u`||h(window.navigator?.userAgent||``)||m(e).promise}function y(){let e=(process.env.NEXT_PUBLIC_CDN||``).split(`,`).map(e=>e.trim()).find(Boolean);return e?e.replace(/\/+$/,``):``}function b(e){if(!e)return``;if(/^https?:\/\//i.test(e))return e;let t=y();if(!t)return``;let n=e.replace(/^\/+/,``);return n?n.startsWith(`m3f/`)?`${t}/${n}`:`${t}/m3f/${n}`:``}function x(e,t=1){let n=Number.isFinite(t)?Math.max(1,Math.floor(t)):1;if(typeof e==`number`)return Number.isFinite(e)?Math.max(1,Math.floor(e)):n;if(typeof e==`string`){let t=e.trim();if(!t)return n;let r=Number.parseInt(t,10);return Number.isNaN(r)?n:Math.max(1,r)}return n}function S(e,t){if(!Array.isArray(e)||e.length===0)return``;let n=x(t,1),r=e[Math.max(0,n-1)]||e[0];if(!r||typeof r!=`object`)return``;let i=r;return i.m3u8_url||i.m3u8url||``}function C(e){if(typeof e==`string`)return e;if(!e||typeof e!=`object`)return``;let t=e;return t.m3u8_url||t.m3u8url||``}function w(e,t){if(typeof e==`string`)return e?[e]:[];if(!Array.isArray(e)||e.length===0)return[];if(e.every(e=>typeof e==`string`))return Array.from(new Set(e.filter(Boolean)));let n=S(e,t);return n?[n]:Array.from(new Set(e.map(e=>C(e)).filter(Boolean)))}function T(e){return new Promise(t=>{setTimeout(()=>t(),e)})}function E(e){try{let t=new URL(e);return`${t.origin}${t.pathname}`}catch{return e}}function D(e,t){n&&console.warn(`[processM3u8-warmup] ${e}`,t)}async function O(e){let t=b(e);if(!t||typeof window<`u`)return;let n=E(t),r=Date.now();D(`start`,{url:n});let i=`${process.env.NEXT_PUBLIC_API_BASE}/api/content/processM3u8?url=${encodeURIComponent(t)}`,a=new AbortController,o=setTimeout(()=>a.abort(),3e3),s=fetch(i,{method:`GET`,credentials:`omit`,cache:`no-store`,signal:a.signal}).then(async e=>{if(!e.ok)throw Error(`processM3u8 status ${e.status}`);if(!(await e.text()).includes(`#EXTM3U`))throw Error(`processM3u8 invalid playlist`);return D(`done`,{url:n,costMs:Date.now()-r}),`done`}).catch(e=>(D(`fail`,{url:n,costMs:Date.now()-r,error:e instanceof Error?e.message:String(e||``)}),`fail`)).finally(()=>{clearTimeout(o)});await Promise.race([s,T(160).then(()=>`timeout`)])===`timeout`&&D(`detach`,{url:n,awaitMs:160})}async function k(e,t){let n=w(e,t);await Promise.all(n.map(e=>O(e)))}export{r as RETRY_RECOVERED_MIN_PLAY_SECONDS,g as buildVideoPlayerSrc,a as isM3u8VideoUrl,x as normalizeEpisodeNumber,v as prefetchVideoPlayerSrc,_ as resolveVideoPlayerSrc,k as warmupProcessM3u8Auto};

package/dist/components/common/video-player/style.module.mjs

@@ -1,10 +1,260 @@
 
-import styleInject from "../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";
+import e from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";var t=`.style-module_videoBox__4Gmdw {
+	width: 100%;
+	height: 100%;
+	position: relative;
+	z-index: 2;
+}
 
-//#region components/common/video-player/style.module.css
-var css_248z = ".style-module_videoBox__4Gmdw {\n	width: 100%;\n	height: 100%;\n	position: relative;\n	z-index: 2;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer {\n	overflow: inherit;\n	background: transparent;\n	width: 100%;\n	height: 100%;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer video {\n	z-index: -1 !important;\n	width: 100% !important;\n	height: 100% !important;\n	object-fit: contain;\n	object-position: center;\n	background: transparent !important;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xgplayer-progress-played,\n.style-module_videoBox__4Gmdw .xgplayer .xg-mini-progress-played {\n	background: var(--color-theme4) !important;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xg-options-list {\n	background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)) !important;\n	padding-left: 10px;\n	box-sizing: content-box;\n	animation: none !important;\n}\n\n.style-module_videoBox__4Gmdw .xg-options-list.xg-right-side {\n	left: -50%;\n	right: auto;\n	transform: translate(-50%);\n	transition-duration: .2s;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xg-options-list.xg-right-side.active {\n	left: 10%;\n	right: auto;\n	animation: none;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xg-options-list .option-item.selected {\n	color: #fff !important;\n	font-weight: 600;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xgplayer-controls {\n	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xgplayer-enter {\n	background:\n		url('/images/common/loading.gif') no-repeat center center,\n		rgba(0, 0, 0, 0.5) !important;\n	background-size: 30px 30px !important;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xgplayer-enter .xgplayer-enter-spinner {\n	display: none !important;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xgplayer-loading {\n	width: 30px !important;\n	height: 30px !important;\n	background: url('/images/common/loading.gif') no-repeat center center !important;\n	background-size: 30px 30px !important;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xgplayer-loading xg-loading-inner {\n	display: none !important;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xgplayer-progress-btn {\n	background: transparent !important;\n	border-color: transparent !important;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xgplayer-start {\n	background-color: rgba(0, 0, 0, 0.5) !important;\n	border-radius: 100% !important;\n	width: 42px !important;\n	height: 42px !important;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xgplayer-start.interact {\n	background: none !important;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xgplayer-poster {\n	background-size: cover !important;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .time-preview .xg-cur {\n	color: var(--color-theme4) !important;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer xg-trigger .time-preview .xg-bar .xg-curbar {\n	background-color: var(--color-theme4) !important;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xg-get-fullscreen,\n.style-module_videoBox__4Gmdw .xgplayer .xg-exit-fullscreen,\n.style-module_videoBox__4Gmdw .xgplayer .xg-icon-play,\n.style-module_videoBox__4Gmdw .xgplayer .xg-icon-pause,\n.style-module_videoBox__4Gmdw .xgplayer .xg-volume-mute,\n.style-module_videoBox__4Gmdw .xgplayer .xg-volume {\n	transform: scale(0.8);\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xgplayer-drag {\n	background: var(--color-theme4);\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xgplayer-replay svg {\n	width: 22px;\n	height: 22px;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer .xgplayer-replay .xgplayer-replay-txt {\n	margin-top: 12px;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer.xgplayer-isloading .xgplayer-start {\n	display: none;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer.xgplayer-pc .xgplayer-cssfullscreen {\n	display: none !important;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xg-inner-controls,\n.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-replay,\n.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-loading,\n.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-error,\n.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-enter,\n.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xg-cur,\n.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xg-dur,\n.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xg-options-list.xg-side-list li span {\n	zoom: 0.6;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls .xg-icon-play,\n.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls .xg-icon-pause,\n.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls .xg-exit-fullscreen {\n	transform: scale(1.4) !important;\n	transform-origin: center center;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer-error .xgplayer-error-text {\n	position: relative;\n	color: transparent;\n	width: 300px;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer-error .xgplayer-error-text::after {\n	position: absolute;\n	left: 0;\n	top: 0;\n	content: 'Video playback failed';\n	width: 100%;\n	height: 100%;\n	color: #fff;\n	font-size: 14px;\n	text-align: center;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer-error .xgplayer-error-refresh {\n	color: var(--color-theme4);\n}\n\n.style-module_videoBox__4Gmdw .xgplayer-playbackrate {\n	margin-right: 0 !important;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer-playbackrate .btn-text span {\n	background: transparent !important;\n	font-size: 14px !important;\n	font-weight: 600 !important;\n	color: #fff;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer-definition {\n	margin-right: 0 !important;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer-definition .btn-text span {\n	background: transparent !important;\n	font-size: 14px !important;\n	font-weight: 600 !important;\n	color: #fff;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer-time {\n	color: #fff;\n	font-size: 14px !important;\n	font-weight: 600 !important;\n}\n\n.style-module_videoBox__4Gmdw .xgplayer-progress {\n	order: 3;\n}\n\n.style-module_videoBox__4Gmdw .xg-time-left {\n	margin-right: 0 !important;\n}\n\n.style-module_videoBox__4Gmdw .xg-time-left::after {\n	content: '/';\n}\n\n.style-module_videoBox__4Gmdw .xg-time-right {\n	margin-right: 16px !important;\n	margin-left: 0 !important;\n}\n\n.style-module_videoBox__4Gmdw .xg-seek-icon {\n	display: flex;\n	justify-content: center;\n}\n\n@media screen and (max-width: 1150px) {\n	.style-module_videoBox__4Gmdw .xgplayer-volume {\n		position: fixed;\n		left: 10px;\n		top: 10px;\n		padding: 8px;\n		background-color: rgba(0, 0, 0, 0.5);\n		border-radius: 8px;\n	}\n}\n\n@media screen and (orientation: landscape) {\n\n	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xg-inner-controls,\n	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-replay,\n	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-loading,\n	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-error,\n	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-enter,\n	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xg-cur,\n	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xg-dur,\n	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xg-options-list.xg-side-list li span {\n		zoom: 0.6;\n	}\n\n	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls .xg-icon-play,\n	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls .xg-icon-pause,\n	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls .xg-exit-fullscreen {\n		transform: scale(1.4) !important;\n		transform-origin: center center;\n	}\n}\n";
-var style_module_default = { "videoBox": "style-module_videoBox__4Gmdw" };
-styleInject(css_248z);
+.style-module_videoBox__4Gmdw .xgplayer {
+	overflow: inherit;
+	background: transparent;
+	width: 100%;
+	height: 100%;
+}
 
-//#endregion
-export { style_module_default as default };
+.style-module_videoBox__4Gmdw .xgplayer video {
+	z-index: -1 !important;
+	width: 100% !important;
+	height: 100% !important;
+	object-fit: contain;
+	object-position: center;
+	background: transparent !important;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xgplayer-progress-played,
+.style-module_videoBox__4Gmdw .xgplayer .xg-mini-progress-played {
+	background: var(--color-theme4) !important;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xg-options-list {
+	background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)) !important;
+	padding-left: 10px;
+	box-sizing: content-box;
+	animation: none !important;
+}
+
+.style-module_videoBox__4Gmdw .xg-options-list.xg-right-side {
+	left: -50%;
+	right: auto;
+	transform: translate(-50%);
+	transition-duration: .2s;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xg-options-list.xg-right-side.active {
+	left: 10%;
+	right: auto;
+	animation: none;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xg-options-list .option-item.selected {
+	color: #fff !important;
+	font-weight: 600;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xgplayer-controls {
+	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xgplayer-enter {
+	background:
+		url('/images/common/loading.gif') no-repeat center center,
+		rgba(0, 0, 0, 0.5) !important;
+	background-size: 30px 30px !important;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xgplayer-enter .xgplayer-enter-spinner {
+	display: none !important;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xgplayer-loading {
+	width: 30px !important;
+	height: 30px !important;
+	background: url('/images/common/loading.gif') no-repeat center center !important;
+	background-size: 30px 30px !important;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xgplayer-loading xg-loading-inner {
+	display: none !important;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xgplayer-progress-btn {
+	background: transparent !important;
+	border-color: transparent !important;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xgplayer-start {
+	background-color: rgba(0, 0, 0, 0.5) !important;
+	border-radius: 100% !important;
+	width: 42px !important;
+	height: 42px !important;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xgplayer-start.interact {
+	background: none !important;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xgplayer-poster {
+	background-size: cover !important;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .time-preview .xg-cur {
+	color: var(--color-theme4) !important;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer xg-trigger .time-preview .xg-bar .xg-curbar {
+	background-color: var(--color-theme4) !important;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xg-get-fullscreen,
+.style-module_videoBox__4Gmdw .xgplayer .xg-exit-fullscreen,
+.style-module_videoBox__4Gmdw .xgplayer .xg-icon-play,
+.style-module_videoBox__4Gmdw .xgplayer .xg-icon-pause,
+.style-module_videoBox__4Gmdw .xgplayer .xg-volume-mute,
+.style-module_videoBox__4Gmdw .xgplayer .xg-volume {
+	transform: scale(0.8);
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xgplayer-drag {
+	background: var(--color-theme4);
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xgplayer-replay svg {
+	width: 22px;
+	height: 22px;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer .xgplayer-replay .xgplayer-replay-txt {
+	margin-top: 12px;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer.xgplayer-isloading .xgplayer-start {
+	display: none;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer.xgplayer-pc .xgplayer-cssfullscreen {
+	display: none !important;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xg-inner-controls,
+.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-replay,
+.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-loading,
+.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-error,
+.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-enter,
+.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xg-cur,
+.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xg-dur,
+.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xg-options-list.xg-side-list li span {
+	zoom: 0.6;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls .xg-icon-play,
+.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls .xg-icon-pause,
+.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls .xg-exit-fullscreen {
+	transform: scale(1.4) !important;
+	transform-origin: center center;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer-error .xgplayer-error-text {
+	position: relative;
+	color: transparent;
+	width: 300px;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer-error .xgplayer-error-text::after {
+	position: absolute;
+	left: 0;
+	top: 0;
+	content: 'Video playback failed';
+	width: 100%;
+	height: 100%;
+	color: #fff;
+	font-size: 14px;
+	text-align: center;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer-error .xgplayer-error-refresh {
+	color: var(--color-theme4);
+}
+
+.style-module_videoBox__4Gmdw .xgplayer-playbackrate {
+	margin-right: 0 !important;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer-playbackrate .btn-text span {
+	background: transparent !important;
+	font-size: 14px !important;
+	font-weight: 600 !important;
+	color: #fff;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer-definition {
+	margin-right: 0 !important;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer-definition .btn-text span {
+	background: transparent !important;
+	font-size: 14px !important;
+	font-weight: 600 !important;
+	color: #fff;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer-time {
+	color: #fff;
+	font-size: 14px !important;
+	font-weight: 600 !important;
+}
+
+.style-module_videoBox__4Gmdw .xgplayer-progress {
+	order: 3;
+}
+
+.style-module_videoBox__4Gmdw .xg-time-left {
+	margin-right: 0 !important;
+}
+
+.style-module_videoBox__4Gmdw .xg-time-left::after {
+	content: '/';
+}
+
+.style-module_videoBox__4Gmdw .xg-time-right {
+	margin-right: 16px !important;
+	margin-left: 0 !important;
+}
+
+.style-module_videoBox__4Gmdw .xg-seek-icon {
+	display: flex;
+	justify-content: center;
+}
+
+@media screen and (max-width: 1150px) {
+	.style-module_videoBox__4Gmdw .xgplayer-volume {
+		position: fixed;
+		left: 10px;
+		top: 10px;
+		padding: 8px;
+		background-color: rgba(0, 0, 0, 0.5);
+		border-radius: 8px;
+	}
+}
+
+@media screen and (orientation: landscape) {
+
+	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xg-inner-controls,
+	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-replay,
+	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-loading,
+	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-error,
+	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-enter,
+	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xg-cur,
+	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xg-dur,
+	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xg-options-list.xg-side-list li span {
+		zoom: 0.6;
+	}
+
+	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls .xg-icon-play,
+	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls .xg-icon-pause,
+	.style-module_videoBox__4Gmdw .xgplayer.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls .xg-exit-fullscreen {
+		transform: scale(1.4) !important;
+		transform-origin: center center;
+	}
+}
+`,n={videoBox:`style-module_videoBox__4Gmdw`};e(t);export{n as default};