search

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.98k stars 1.13k forks source link

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

Closed zhen1asemen1uk closed 1 month ago

zhen1asemen1uk commented 5 months ago

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

Other Information

samuelfuchs commented 5 months ago

I just got here looking for the same solution

nzhiti commented 5 months ago

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.

shubham-khandelwal-sp commented 4 months ago

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.