The feature of the HTML5 Javascript API that allows for a document element to be displayed fullscreen.
Questions tagged [html5-fullscreen]
138 questions
2
votes
1 answer
webkitRequestFullscreen() changing viewport / dimensions of webpage on chrome on android
For an application, I need to send chrome on android into full-screen mode.
I know that I need to use the Fullscreen API, which involves calling Element.webkitRequestFullscreen().
So, I call this on document.body as I want everything to be put into…
![](../../users/profiles/7434365.webp)
Joe Iddon
- 18,600
- 5
- 29
- 49
2
votes
2 answers
Phaser Full Screen Api Not Supported
Currently i am developing application using phaser js.
Is this a browser compatibility issue or it is on the phaser js issue
where in the full screen api is not functioning
Here is code snippet that I use
if (phaser.scale.isFullScreen) {
…
![](../../users/profiles/1944946.webp)
Oli Soproni B.
- 2,938
- 3
- 19
- 45
2
votes
0 answers
Allow scaling while on fullscreen
I'm working on a responsive website that is currently set to not be user scalable, using the following META tag:
However, I want images to be…
![](../../users/profiles/5525255.webp)
Nir B.
- 193
- 3
- 18
2
votes
1 answer
Playing HTML5 video in fullscreen onClick of an image
I have created a simple bootstrap grid which contains 9 images. Now onclicking a particular image, it should play a video in Fullscreen.
Methods which I tried
2
votes
0 answers
How do Android Launchers start Chrome in Full Screen (WebApp) mode?
I've got a sticky situation. I'm developing a kiosk-style tablet application on JellyBean, and we're stuck with JellyBean.
We don't install a standard launcher on our Android tablets, and instead supply our own Home Screen/Launcher app, so that…
![](../../users/profiles/1650463.webp)
BRebey
- 551
- 6
- 12
2
votes
0 answers
Is there a way to detect when a browser exits full screen mode using javascript?
Is there a way to detect when a browser exits full screen mode using javascript?
Background info:
I am working on an HTML5 Player and have a button to enter full screen.
When in full screen mode, I want the toolbar (for the player) to be…
![](../../users/profiles/5202297.webp)
kristadev
- 21
- 4
2
votes
0 answers
How does today's Google Doodle "force" fullscreen in iOS9 Safari?
Today Google has another quite complex game as their doodle: http://www.google.com/logos/2016/scoville/scoville16.html?hl=en
I'm pretty amazed at how well it works on mobile phones. In fact in one respect it works a lot better than I thought…
![](../../users/profiles/496118.webp)
marekventur
- 1,625
- 1
- 14
- 20
2
votes
0 answers
Fullscreen API - How to expand the element to fullscreen slowly
I know about the Fullscreen API. I'm trying to make a div expand to/collapse from fullscreen slowly (say, over 2 seconds) as opposed to instantaneously. Is there an easy way to that?
![](../../users/profiles/827452.webp)
Ege Ersoz
- 5,470
- 5
- 29
- 46
2
votes
1 answer
Set image to full screen height on PhoneGap - Understanding window.devicePixelRatio
I'm trying to set an image to be the full height of a screen on a phoneGap app. Currently, I'm using the following code to determine the screen "dimensions" and I'm using javascript to set the image resolution to those dims.…
![](../../users/profiles/4346751.webp)
Jon Haider
- 35
- 3
2
votes
1 answer
Is there a workaround for entering fullscreen with keyboard events in Microsoft Edge?
There seems to be a bug in Edge where you can't enter fullscreen using a keyboard event. Is there a workaround for this?
document.addEventListener('keydown', function(evt) {
// Does nothing in Edge.
…
![](../../users/profiles/465368.webp)
Sean Fujiwara
- 4,442
- 20
- 33
2
votes
2 answers
How to request fullscreen in compiled dart
I'm playing around with a Dart app trying to get fullscreen mode to work. My HTML (excluding boilerplate):
Clicking this should cause it to go fullscreen!
My Dart code:
import 'dart:html';
void main() {
var div…![](../../users/profiles/54527.webp)
Tobbe
- 1,757
- 3
- 18
- 36
1
vote
0 answers
Is it possible to show HTML elements that are outside of a fullscreened div in front of the fullscreened div?
I know how to overlay HTML elements that are within the div being made fullscreen, using z-index where needed. For example, this works fine:
However I have…
Hi
![](../../users/profiles/1361598.webp)
Ben Holness
- 2,025
- 1
- 23
- 40
1
vote
0 answers
How to enable image zoom in fullscreen API mode only?
Codepen Demo Link : https://codepen.io/aghilanbaskar/pen/rNeqMed
I know we need to write a code for zooming option only in Full-screen mode.
Does anyone know how to do it simply by using CSS and JavaScript without any library help.
Javascript Demo…
![](../../users/profiles/10293794.webp)
Aghilan
- 85
- 2
- 11
1
vote
1 answer
WebView after closing fullscreen view, webview auto scrolls to top
I have webveiw (with fullscreen support) on the fragment.
The issue is when i close fullscreen the webview scrolls it position to top.
Noticed:
the issue appears only if apply FLAG_FULLSCREEN flag (but i need to apply it to have real…
![](../../users/profiles/5599807.webp)
Siarhei
- 2,014
- 2
- 20
- 53
1
vote
2 answers
How to go fullscreen with an onclick event - Phaser3
Hi would like to know if we can go "real" fullscreen with a click event on a Phaser3 game. I tried so many things and nothing work.
I have an object and i would like to click on it to put the game on a fullscreen mode.
Hope someone had this problem…
![](../../users/profiles/11681970.webp)
Cédric TEIXEIRA
- 33
- 2