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…
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…
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…
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…
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