diff --git a/src/components/VideoPlayer/BaseVideoPlayer.tsx b/src/components/VideoPlayer/BaseVideoPlayer.tsx index 4d27bd8089ca6..c3091d2b4bf12 100644 --- a/src/components/VideoPlayer/BaseVideoPlayer.tsx +++ b/src/components/VideoPlayer/BaseVideoPlayer.tsx @@ -56,6 +56,7 @@ function BaseVideoPlayer({ const {currentlyPlayingURL, sharedElement, originalParent, currentVideoPlayerRef, currentVideoViewRef, mountedVideoPlayersRef, playerStatus} = usePlaybackStateContext(); const {pauseVideo, playVideo, replayVideo, shareVideoPlayerElements, updateCurrentURLAndReportID, setCurrentlyPlayingURL, updatePlayerStatus} = usePlaybackActionsContext(); const {isFullScreenRef} = useFullScreenContext(); + const [pointerEventsDisabled, setPointerEventsDisabled] = useState(true); const isOffline = useNetwork().isOffline; const [duration, setDuration] = useState(videoDuration); @@ -476,7 +477,7 @@ function BaseVideoPlayer({ } videoPlayerElementParentRef.current = el; }} - pointerEvents="none" + pointerEvents={pointerEventsDisabled ? 'none' : 'auto'} > { isFullScreenRef.current = false; @@ -507,6 +509,7 @@ function BaseVideoPlayer({ // Sync volume updates in full screen mode after leaving it updateVolume(videoPlayerRef.current.muted ? 0 : videoPlayerRef.current.volume || 1); + setPointerEventsDisabled(true); }} />