[Android WebView] No Fullscreen API Support
See original GitHub issueIs this a bug report?
Yes
Have you read the Contributing Guidelines?
Yes
Environment
Environment: OS: macOS Sierra 10.12.6 Node: 6.9.5 Yarn: 1.1.0 npm: 5.5.1 Watchman: 4.9.0 Xcode: Xcode 9.0 Build version 9A235 Android Studio: Not Found
Packages: (wanted => installed) react: 16.0.0-alpha.12 => 16.0.0-alpha.12 react-native: https://github.com/expo/react-native/archive/sdk-21.0.2.tar.gz => 0.48.4
Target Platform: Android (7.0)
Steps to Reproduce
- Use WebView component from react-native package
- Insert any you want youtube embed video url to
source={{ uri: here... }}
Expected Behavior
There is should be a button to change fullscreen mode for the video
Actual Behavior
But this button is missing
Also there are an issue #5230, ignored PR #10327 and feature request.
Reproducible Demo
<WebView
style={styles.video}
javaScriptEnabled
source={{ uri: `https://www.youtube.com/embed/${video.youtube}?rel=0&autoplay=0&showinfo=0&fs=1` }}
/>
Issue Analytics
- State:
- Created 6 years ago
- Reactions:19
- Comments:10
Top Results From Across the Web
[Android WebView] No Fullscreen API Support #5230 - GitHub
We welcome clear issues and PRs that are ready for in-depth discussion. Please provide screenshots where appropriate and always mention the ...
Read more >Fullscreen support in a webview - Google Groups
The user can fullscreen that window or not, up to them. ... Istiaque recently implemented the fullscreen API permission for <webview>.
Read more >WebView android does not allow full screen - Stack Overflow
I have an android application which is a webview of my site, everything was catching normally, however after updating the chrome services ...
Read more >945287 - Android Webview : Youtube fullscreen not working ...
Showing error as "VM187:1 Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture." What is the expected...
Read more >Fullscreen API - MDN Web Docs
The Fullscreen API adds methods to present a specific Element (and its descendants) in fullscreen mode, and to exit fullscreen mode once it ......
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@hramos Can we please get this looked at? You had suggested I open a new issue in #5230 but @onrige did us all a favor and took the initiative to open this. Cheers.
Amazing Solution , Enjoy! https://github.com/teamairship/react-native-android-fullscreen-webview-video