Use first frame of video as thumbnail

user_10407485 0
Viewed 2042

I am using react-native-video

And it have a props called poster which is working fine. But my requirement is to get that thumbnail from video (first frame of video). If I don't use poster (which accept an url) then it is showing blank screen.

Any idea how to use first frame of video as thumbnail?

Thank You!!!

react-native-video react-native-ios react-native
1 Answers

You can use the onLoad function callback to achieve it,

const player = useRef(null);

<Video
  source={{uri: uri}}
  ref={player}
  paused={true}
  style={styles.backgroundVideo}
  onLoad={() => {
    player.current.seek(0); // this will set first frame of video as thumbnail
  }}
/>

For more details on onLoad prop: here

user_111064060
Related