fix: ProductVideoV2에 클릭으로 전체화면 토글 기능 추가
- 비디오 재생 중 클릭 시에도 엔터 키와 동일하게 전체화면으로 전환되도록 개선 - handleVideoPlayerClick 핸들러 추가 - 일반 재생 모드에서만 작동하며, 이미 전체화면 상태일 때는 작동하지 않음 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user