Lightrun
question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

fullscreen button is disabled on android. though works fine on ios

See original GitHub issue

Bug description: fullscreen button is disabled on android. though works fine on ios

To Reproduce: Add the source code provided below in html prop to reproduce

Source (static HTML or url): <iframe title="Office Hours: Mastering components" width="500" height="281" src="https://www.youtube.com/embed/fNQRXierLhQ?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Expected behavior: Full screen should work

Screenshots/Videos: Screenshot 2020-10-07 at 3 05 16 PM

Environment:

  • OS: Android Q
  • OS version: 10
  • react-native version: 0.63.2
  • react-native-webview version: 9.4.0
  • react-native-autoheight-webview version: 1.5.1

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
ToStefancommented, Nov 7, 2021

@DoctorRyner what is workaround i have same situtation when allowsFullscreenVideo={true} does not help. ???

1reaction
DoctorRynercommented, Jun 30, 2021

I did that already but it didn’t worked. Then I used another workaround. Closing this issue

Weird, it worked for me

Read more comments on GitHub >

github_iconTop Results From Across the Web

[Solved] YouTube Fullscreen Not Working on iPhone, iPad ...
If YouTube fullscreen is not working on iPhone, iPad, Android, Mac, PC, other devices, try fixes to YouTube videos not going fullscreen on ......
Read more >
In app full-screen command not working on iOS
The current workaround is to use the Add to Home Screen option of your browser (available in Safari and Chrome). You usually do...
Read more >
disable fullscreen mode on html video on mobile devices
I'm developing simple web application with video on one of the pages, but I don't want this video to open fullscreen mode on...
Read more >
Why is the full screen button hidden (disabled) on iOS devices
The reason it's disabled is that the browser fullscreen API is actually not supported on iPhones. Technically the API is supported on iPads,...
Read more >
Going full screen - Patterns - Human Interface Guidelines
iPhone, iPad, and Mac offer full-screen modes that can enable a ... full-screen support ensures that your full-screen window works well in all...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found
Previous page

React Native Webview auto Height not display large content in flatlist [Android]

Next page

Issue with the TypeScript declaration for AutoHeightWebView