From ef84708e777fb80105b64de89c6ff14d5f740dfe Mon Sep 17 00:00:00 2001
From: ddCat <2695092045@qq.com>
Date: Fri, 31 Jul 2026 20:23:57 +0800
Subject: [PATCH] =?UTF-8?q?fix(canvas):=20=E8=A7=86=E9=A2=91=E6=92=AD?=
 =?UTF-8?q?=E6=94=BE=E5=99=A8=20-=20=E4=BF=AE=E5=A4=8D=E4=B8=BB=E9=A2=98?=
 =?UTF-8?q?=E5=8F=98=E9=87=8F=E7=B1=BB=E5=9E=8B=E5=AF=BC=E8=87=B4=E7=9A=84?=
 =?UTF-8?q?=E7=94=9F=E4=BA=A7=E6=9E=84=E5=BB=BA=E5=A4=B1=E8=B4=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/video-player.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/video-player.tsx b/web/src/components/video-player.tsx
index 7edd1a5e8..5883f1197 100644
--- a/web/src/components/video-player.tsx
+++ b/web/src/components/video-player.tsx
@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import type { CSSProperties, ComponentProps } from "react";
+import type { ComponentProps } from "react";
 import { MediaPlayer, MediaProvider, type VideoMimeType } from "@vidstack/react";
 import { DefaultVideoLayout, defaultLayoutIcons, type DefaultLayoutTranslations } from "@vidstack/react/player/layouts/default";
 import "@vidstack/react/player/styles/base.css";
@@ -90,7 +90,7 @@ export function VideoPlayer({ src, mimeType, title = "视频", className, brandC
             load="eager"
             preload={preload}
             data-canvas-no-zoom={dataCanvasNoZoom ? "true" : undefined}
-            style={{ "--video-brand": brandColor } as CSSProperties}
+            style={{ "--video-brand": brandColor }}
             onCanPlay={onCanPlay}
             onPointerDown={stopCanvasControlInteraction}
             onMouseDown={stopCanvasControlInteraction}