cookpete / react-player

A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
https://cookpete.github.io/react-player
MIT License
9.24k stars 1.14k forks source link

Native Full Screen Controls Stop Working After Using Custom Full Screen Button #1873

Open amitrai55 opened 3 weeks ago

amitrai55 commented 3 weeks ago

Current Behavior

When using a custom full screen button to enable full screen mode in the browser, the native full screen controls (such as the browser’s built-in full screen exit button) become non-functional. This issue prevents users from using the browser’s native controls to exit full screen mode.

Expected Behavior

After clicking the custom full screen button to enable full screen mode, the browser’s native full screen controls should remain functional. Users should be able to use the native controls to exit full screen mode or interact with full screen features as they normally would.

Steps to Reproduce

  1. Add a custom full screen button to your implementation of react-player.
  2. Click the custom full screen button to enter full screen mode.
  3. Try to use the browser’s native full screen controls (such as the full screen exit button) while in full screen mode.

Environment

aman-jat-maai commented 3 weeks ago

+1