bug on Android: Lose video controller options when click 'expand' on video subjects

[trouille]

What the app is supposed to do:

When you click on the 'expand' button on a video subject, I would expect that the video controller options (pause, fast forward, etc.) would continue to be available.

What the app does instead:

When you click on the 'expand' button on a video subject, the video controller (pause, fast forward, etc.) goes away/is not available to click on.

Exact steps to Reproduce
Steps to reproduce the behavior:

1. Go to Marks' https://www.zooniverse.org/lab/15140/collaborators and add yourself as collaborator
2. open that project within 'preview' section of mobile app
3. click 'expand' button on the video subject.
4. Try to find the video controller.

Screenshots
If applicable, add screenshots to help explain your problem.

(Note; ignore the calls&notifications will vibrate note in the screenshot -- that's just something my phone does when I take a screenshot on it - it's not something I see at other times on the screen).

(please complete the following information):

• OS: [e.g. iOS]: Android
• Device: (example:we once had an icon problem that only appeared on the Pixel 2): Moto g power (2021)
• Version [e.g. 2.8.2]: Android v11

Additional context
Add any other context about the problem here.

[mcbouslog]

I am surprised by the following, but unfortunately react-native-video has issues with video controls on Android when using the video player within a react-native Modal (as we are with the expanded view, see react-native-video/issues/2563).

I also tried to pass a ref around and use react-native-video's .presentFullscreenPlayer(), but was not successful.

Recommended additional video control packages, like react-native-video-controls or react-native-video-player have their own issues and are not well maintained.

While I couldn't get any of the noted options to work within a day or so, I think this is important functionality that should be revisited, maybe exploring the options noted more or with a new option.

[coryzoon]

@mcbouslog I tried a few different options but ultimately the best solution was to add the react-native-video-controls library which adds controls to the react-native-video library. When the expand button is pressed, it will use the react-native-video-controls library while in fullscreen mode. This will add the controls that are missing. This includes the ability to pause/play and adjust the time slider. Screenshot below is what it would look like on Android.