Switching device orientation fails to resize player (landscape to vertical bug) - Githubissues

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

8.94k stars 1.12k forks source link

Switching device orientation fails to resize player (landscape to vertical bug) #1651

Closed guaiamum closed 1 month ago

guaiamum commented 10 months ago

Be sure to search for your issue before opening a new one. ✅

Current Behavior

Turning phone from landscape to vertical makes video overflow screen

Expected Behavior

It should assign current screen width to player after orientation change

Steps to Reproduce

Tested on iOS Chrome browser latest version

Open this page on mobile with screen upright (vertical)
Turn phone to landscape mode (player will go fullscreen)
Turn phone vertical once again
Check current behaviour

Environment

URL attempting to play: https://air-72.wistia.com/medias/fryhqg64h7
Browser: Chrome
Operating system: iOS
example: https://air.inc/out-to-lunch

Other Information

screenshot: