react-native-video: Show poster until play is triggered

Feature Request

I noticed that the poster is removed when the video has loaded. Could it be possible to add an option to have the poster and play button visible until the user hits play?

Why it is needed

The first frame of the video isn’t necessarily something that looks very good. It’d be nice to be able to show a well designed thumbnail until the user hits play.

Possible implementation

I guess _onReadyForDisplay could check a specific prop that would leave the poster visible. Play button would have to be shown as well. I’m not too familiar with the code in this project so I don’t have any ideas about implementing that.

About this issue

Original URL
State: closed
Created 4 years ago
Reactions: 15
Comments: 16

Most upvoted comments

I aggree

GoktuqCan on Nov 11, 2020

This is a pure UI request. This shall be handled by application. The good way to implement it is:

display the poster in the same time you change source
hide the poster onReadyToDisplay

freeboub on Oct 12, 2023

I expect it to have the same behavior as poster on HTML <video />. To me, poster !== loading state. If it’s not going to act as a poster, why have it at all? It’s a little confusing. Seems like the functionality should be updated to reflect poster or poster should be renamed loader and accept a component or something.

amie-wilt on May 11, 2022

I think you expect react native video to implement UI in place of the app. Not sure this is a good idea to put this feature in react native video 😕

freeboub on May 11, 2022

Yes we need a thumbnail preview for this library

KPS250 on Sep 22, 2020