diff --git a/apps/web/src/components/presentation/video-player/VideoPlayer.tsx b/apps/web/src/components/presentation/video-player/VideoPlayer.tsx
index 4a86f4b..21fef25 100755
--- a/apps/web/src/components/presentation/video-player/VideoPlayer.tsx
+++ b/apps/web/src/components/presentation/video-player/VideoPlayer.tsx
@@ -55,6 +55,7 @@ export function VideoPlayer({
 	src,
 	poster,
 	onError,
+	
 }: {
 	src: string;
 	poster?: string;
@@ -82,6 +83,10 @@ export function VideoPlayer({
 	const progressRef = useRef<HTMLDivElement>(null);
 	const [isSpeedOpen, setIsSpeedOpen] = useState(false);
 	const [isBrightnessOpen, setIsBrightnessOpen] = useState(false);
+
+	const handleClick = (event: React.MouseEvent) => {
+		event.stopPropagation(); // 阻止事件向上传递
+	};
 	return (
 		<VideoPlayerContext.Provider
 			value={{
@@ -129,7 +134,9 @@ export function VideoPlayer({
 				resolutions,
 				setResolutions,
 			}}>
-			<VideoPlayerLayout></VideoPlayerLayout>
+			<div onClick={handleClick}>
+				<VideoPlayerLayout></VideoPlayerLayout>
+			</div>
 		</VideoPlayerContext.Provider>
 	);
 }