From 8e28fbf9094c0eebedf560d8074fa93ab0831630 Mon Sep 17 00:00:00 2001
From: ditiqi <ditiqi@163.com>
Date: Sun, 23 Feb 2025 21:42:47 +0800
Subject: [PATCH] add

---
 .../video-player/VideoDisplay.tsx             | 31 ++++++++++---------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/apps/web/src/components/presentation/video-player/VideoDisplay.tsx b/apps/web/src/components/presentation/video-player/VideoDisplay.tsx
index fb1b40d..b786739 100755
--- a/apps/web/src/components/presentation/video-player/VideoDisplay.tsx
+++ b/apps/web/src/components/presentation/video-player/VideoDisplay.tsx
@@ -14,6 +14,7 @@ export const VideoDisplay: React.FC<VideoDisplayProps> = ({
 		onError,
 		videoRef,
 		setIsReady,
+		isPlaying,
 		setIsPlaying,
 		setError,
 		setBufferingState,
@@ -204,19 +205,21 @@ export const VideoDisplay: React.FC<VideoDisplayProps> = ({
 	}, [src, onError, autoPlay]);
 
 	return (
-		<video
-			ref={videoRef}
-			className="w-full h-full"
-			poster={poster}
-			controls={false}
-			playsInline
-			muted={isMuted}
-			style={{ filter: `brightness(${brightness})` }}
-			onTimeUpdate={() => {
-				if (videoRef.current) {
-					setCurrentTime(videoRef.current.currentTime);
-				}
-			}}
-		/>
+		<div className="relative w-full h-full">
+			<video
+				ref={videoRef}
+				className="w-full h-full"
+				poster={poster}
+				controls={false}
+				playsInline
+				muted={isMuted}
+				style={{ filter: `brightness(${brightness})` }}
+				onTimeUpdate={() => {
+					if (videoRef.current) {
+						setCurrentTime(videoRef.current.currentTime);
+					}
+				}}
+			/>
+		</div>
 	);
 };