feat: seek video on non played ones, make videos paused when not curr…

…ent story
BlackBoxVision · Dec 8, 2020 · a2fbada · a2fbada
1 parent e14e5f6
commit a2fbada
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/StoryDetailItem/hook.tsx b/src/components/StoryDetailItem/hook.tsx
@@ -23,9 +23,12 @@ export const useStoryDetailItem = ({
   useEffect(() => {
     if (isCurrentStory) {
       setPaused(false);
+    } else {
+      setPaused(true);
       setProgress(0);
+      videoRef.current?.seek(0);
     }
-  }, [isCurrentStory]);
+  }, [isCurrentStory, videoRef]);
 
   const mute = () => setMuted((m) => !m);
 

diff --git a/src/components/StoryDetailItem/index.tsx b/src/components/StoryDetailItem/index.tsx
@@ -85,6 +85,7 @@ export const StoryDetailItem = React.forwardRef<any, StoryDetailItemProps>(
                 muted={muted}
                 controls={false}
                 resizeMode="cover"
+                playInBackground={false}
                 style={styles.container}
                 source={getVideoSource(story)}
                 paused={paused}