diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx index 8b08dd64..22f9cf9a 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx @@ -504,10 +504,10 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props // PanelInfo 상태 변화 모니터링 useEffect (isPaused가 실제로 변경될 때만) useEffect(() => { - const isOnTop = panel_names.HOME_PANEL === topPanel?.name; const isPausedChanged = previousPanelInfo.current?.isPaused !== panelInfo?.isPaused; - if (isOnTop && panelInfo?.isPaused !== undefined && isPausedChanged) { + // isOnTop 여부와 관계없이 isPaused 변경을 감지하여 비디오 제어 + if (panelInfo?.isPaused !== undefined && isPausedChanged) { // 상태 변경 시에만 디버깅 로그 출력 dlog('🔍 [PlayerPanel] PanelInfo isPaused changed', { previousIsPaused: previousPanelInfo.current?.isPaused, @@ -540,7 +540,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props } previousPanelInfo.current = panelInfo; - }, [panelInfo?.isPaused, topPanel?.name, currentPlayingUrl]); + }, [panelInfo?.isPaused, currentPlayingUrl]); // VideoPlayer 인스턴스 및 소스 변경 모니터링 (중요 변화만) useEffect(() => {