Questions tagged [webkitrequestfullscreen]
12 questions
3
votes
1 answer
How to get out of fullscreen which is activated by pressing F11
I need feature of activating fullscreen and deactivating fullscreen and every thing works great when i use document.requestFullScreen and document.cancelFullScreen API. But when user activate fullscreen using F11 then document.cancelFullScreen API…

Jaydip Sapariya
- 63
- 7
3
votes
0 answers
How can I "fake" fullscreen mode on iOS using playsinline?
As most web developers are aware, there’s an annoying lack of support for the full screen api in Safari on iOS. However most popular video sites such as YouTube and Vimeo have a way of faking it by allowing the user to toggle between playing the…

Matt K
- 104
- 3
2
votes
0 answers
Multiple images with one fullscreen-function?
I have multiple images like this:
I can…

andreasv
- 450
- 1
- 4
- 15
1
vote
0 answers
What happened to Element.ALLOW_KEYBOARD_INPUT?
According to various sources, including the Chrome developers, the following should make an element fullscreen with support for keyboard events:
myElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT)
Unfortunately, it doesn't. The element…

Bart van Heukelom
- 43,244
- 59
- 186
- 301
1
vote
0 answers
My video doesn't display properly after fullscreen in javascript
i tried to use fullscreen api in javascreen to customize my own videoplayer but when i click on the fullscreen icon and then fullscreen mode turns on , my video doesn't show properly , it shows like croped video or half video...
and this is my code…

Mehran Kt
- 11
- 2
1
vote
1 answer
How to make a web-based Flutter application fullscreen on iOS
I have a web-based Flutter application and after clicking a button, I want to make the application fullscreen. I use the following code snippet for this
import 'dart:html';
if (document.documentElement == null) {
print("DEBUG…

Marc Van Daele
- 2,856
- 1
- 26
- 52
1
vote
0 answers
iPad exits fullscreen mode on scrolling down
I have a design where a div covers the whole viewport (a teleprompter app). Although I have managed iPads to enter fullscreen mode using the fullscreen api, as soon as I scroll DOWNWARDs the content of the div (overflow-y: scroll), the iPad moves…

Armin Hierstetter
- 1,078
- 2
- 12
- 27
1
vote
1 answer
Fullscreen element with `requestFullscreen()` doesn't work on chrome on ipad (iPad OS 13.6)
I'm trying to make an element enter "full screen" mode with requestFullscreen() API, and it works great in all browsers except for Chrome on iPad.
I tried this package and it also works great in all browsers, including Safari on iPad, but not Chrome…

Ruby
- 2,207
- 12
- 42
- 71
0
votes
2 answers
Full Screen in Iphone ( Safari )
I have to hide the toolbar of safari in my iphone 12, manually I can do by clicking on hide toolbar option, but If I have to do it automatically, How Can I do it?
Is there any way to trigger hide toolbar when My content is loaded so that it should…

Amit Kumar
- 11
- 1
0
votes
0 answers
Angular PWA App not working Javascript requestFullscreen() for IOS Device only
In Angular PWA App, I have to make div toggle for Full screen and Exit Full Screen.
For this, I have used :
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.msRequestFullscreen) {
…
0
votes
0 answers
RequestFullScreen iframe HTML5 content doesn't work on iOS App
I have HTML5 content created with Adobe Captivate embedded in an iframe on my WordPress page with the HTML widget of Elementor page builder. In the HTML5 content I added a button with the Javascript RequestFullScreen API so that my users can focus…

CK Tan
- 596
- 2
- 10
- 25
0
votes
1 answer
webkitRequestFullscreen works, but pops right back
I'm trying to implement a button that will make the page go full screen.
When clicking the button, the page goes full screen but only for a split second and then it pops right back to the way it was. There are no errors in the browser console (via…

Koby Douek
- 16,156
- 19
- 74
- 103