Skip to content

Issue with Full-Screen Mode in Android: Modal Overlay Persists Over YouTube Video #360

@Rootsalman

Description

@Rootsalman

Hi @LonelyCpp
I’m experiencing an issue with the react-native-youtube-iframe package when using it in a Modal on Android. When attempting to enter full-screen mode, the video remains within the modal's overlay instead of expanding fully, leading to an inconsistent full-screen experience.

Steps to Reproduce
Embed a YoutubeIframe component inside a Modal.
Enable full-screen mode on the video in Android.
Observe that the video attempts to go full screen but remains within the modal overlay, and repeated taps are required to fully enter full-screen mode.
After closing full screen, the modal overlay reappears above the video, interfering with the experience.

Expected Behavior
When entering full-screen mode, the modal should temporarily close, allowing the video to occupy the entire screen. On exiting full screen, the modal should restore itself without interference.

Actual Behavior
When entering full-screen mode in Android, the video stays within the modal. Closing full screen brings back the modal overlay, which can reappear above the video.

Platform: Android

Screenshot_1731416715

Could there be a way to manage or disable the modal overlay when the video goes full screen? Alternatively, is there an ideal approach for handling full-screen transitions with modals on Android?

Thank you for your time and this package!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions