Fix when switching to fullscreen and then exiting fullscreen mode whi…

…le playing, the video pauses
Expensify · Feb 8, 2024 · 7a858b7 · 7a858b7
1 parent f479d57
commit 7a858b7
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/VideoPlayer/BaseVideoPlayer.js b/src/components/VideoPlayer/BaseVideoPlayer.js
@@ -34,7 +34,7 @@ function BaseVideoPlayer({
 }) {
     const styles = useThemeStyles();
     const {isSmallScreenWidth} = useWindowDimensions();
-    const {currentlyPlayingURL, updateSharedElements, sharedElement, originalParent, shareVideoPlayerElements, currentVideoPlayerRef} = usePlaybackContext();
+    const {playVideo, currentlyPlayingURL, updateSharedElements, sharedElement, originalParent, shareVideoPlayerElements, currentVideoPlayerRef} = usePlaybackContext();
     const [duration, setDuration] = useState(videoDuration);
     const [position, setPosition] = useState(0);
     const [isPlaying, setIsPlaying] = useState(false);
@@ -143,6 +143,14 @@ function BaseVideoPlayer({
                                         isLooping={isLooping}
                                         onReadyForDisplay={onVideoLoaded}
                                         onPlaybackStatusUpdate={onPlaybackStatusUpdate}
+                                        onFullscreenUpdate={(event) => {
+                                            // fix for iOS native and mWeb: when switching to fullscreen and then exiting
+                                            // the fullscreen mode while playing, the video pauses
+                                            if (!event.status.isPlaying) {
+                                                return;
+                                            }
+                                            playVideo();
+                                        }}
                                     />
                                 </View>
                             </View>