react-player icon indicating copy to clipboard operation
react-player copied to clipboard

How can I turn off full screen mode on mobile or at all?

Open zhen1asemen1uk opened this issue 2 years ago • 2 comments

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

Current Behavior

On my iPhone 15 when I play the video, it's automatically open on fullscreen

Expected Behavior

When I play the video it just plying in defauld mode(NOT in FullScreen)

Steps to Reproduce

  1. Click (play)
  2. Full screen mode on(on my phone, on desktop - no)
  3. Swipe down for close fullscreen mode( or click close fullscreen mode)
  4. The video paused

Environment

  • URL attempting to play: any
  • Browser: safary, chrome, FB browser
  • Operating system: iOS
  • jsFiddle example: https://jsfiddle.net/sv5x3ug1

Other Information

zhen1asemen1uk avatar Jan 04 '24 14:01 zhen1asemen1uk

I just got here looking for the same solution

samuelfuchs avatar Jan 05 '24 12:01 samuelfuchs

This can be done by settings playsinline to true if supported.

This is the documentation about that parameter on vimeo : https://help.vimeo.com/hc/en-us/articles/12425812053265-Inline-playback-on-mobile.

I don't know if it's supported by the video hoster you provided in the jsfiddle.

nzhiti avatar Jan 06 '24 16:01 nzhiti

On IOS, by default the popup will appear on the screen, as playsinline is by default set to false, please pass that as true to solve the issue.

shubham-khandelwal-sp avatar Feb 15 '24 06:02 shubham-khandelwal-sp