fix: ProductVideoV2에 클릭으로 전체화면 토글 기능 추가

- 비디오 재생 중 클릭 시에도 엔터 키와 동일하게 전체화면으로 전환되도록 개선
- handleVideoPlayerClick 핸들러 추가
- 일반 재생 모드에서만 작동하며, 이미 전체화면 상태일 때는 작동하지 않음

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-11-11 12:45:36 +09:00
parent 266bc47a50
commit 119c31e34e

View File

@@ -256,6 +256,19 @@ export default function ProductVideoV2({
[isPlaying, isFullscreen, toggleFullscreen]
);
// 비디오 재생 중 클릭 핸들러 - 전체화면 토글
const handleVideoPlayerClick = useCallback(
(e) => {
// 비디오 재생 중이고 전체화면이 아닐 때만 작동
if (!isPlaying || isFullscreen) return;
e.preventDefault();
e.stopPropagation();
toggleFullscreen();
},
[isPlaying, isFullscreen, toggleFullscreen]
);
// 전체화면 모드용 키보드 이벤트 핸들러 (window 레벨)
const handleFullscreenKeyDown = useCallback(
(e) => {
@@ -370,6 +383,7 @@ export default function ProductVideoV2({
onMouseMove={handleUserActivity}
onTouchMove={handleUserActivity}
onWheel={handleUserActivity}
onClick={!isFullscreen ? handleVideoPlayerClick : undefined}
>
<VideoPlayer
setApiProvider={getPlayer}