Stack Overflow
Stack Overflow

Questions tagged [html5-fullscreen]

The feature of the HTML5 Javascript API that allows for a document element to be displayed fullscreen.

149 questions
4
votes
0 answers

Fullscreen.api on Androind Chrome Moble disregards meta viewport scale setting

I am attempting to have a CANVAS element in a webpage that uses the HTML5 Fullscreen API to go fullscreen. Upon entering fullscreen on Chrome for Android, the meta viewport scale is changed to a value of 1, disregarding the setting set and reducing…
stereopan-com
  • 161
  • 8
4
votes
0 answers

How can I leave 'allowfullscreen' attribute as a boolean in CKEditor?

What I would like to do is leaving 'allowfullscreen' attribute itself without any value even ' ="" '. ACF is in custom mode with iframe["allowfullscreen"], and it makes allowfullscreen attribute to ' allowfullscreen="" '. Wanna put this as a boolean…
Jungwoo Kim
  • 41
  • 2
4
votes
0 answers

after going into fullscreen using webkitRequestFullscreen scrollTop(0) does not work

I am going into fullscreen using $("body")[0].webkitRequestFullscreen();. However, when I try to use ScrollTop it does not work. I am using this: $('html, body').scrollTop(0); It works fine in firefox but does nothing in chrome. I have tried using…
Muhammad Ali
  • 71
  • 3
4
votes
1 answer

Cannot detect ESC button on Chrome (packaged) app (while fullscreen)

Sounds easy but an absolutely nightmare. I cannot detect the escape button being pressed. I need to know if the fullscreen mode is exited as you cannot block the escape button from being pressed. The javascript is injected to a HTML which loads in a…
Abdul Sadik Yalcin
  • 1,744
  • 2
  • 19
  • 50
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
1 answer

React web app to launch and request fullscreen on load - edited

I've deiced to reword the question after more hours of attempting hacks and fixes, with no end result. I am using the SCREENFULL npm for this. This web application is a fullscreen interactive UI for a menu system used by employee's. I desired to…
Robolisk
  • 1,682
  • 5
  • 22
  • 49
3
votes
1 answer

Pinch to zoom doesn't work on macOS (Chrome) when fullscreen is triggered using the Fullscreen API

On macOS, it's possible to use the gesture "pinch to zoom" with the trackpad to zoom onto a page. This feature works correctly on Chrome when the page is not in fullscreen. It also works correctly when triggering the fullscreen using the upper-right…
Jonathan Alzetta
  • 53
  • 7
3
votes
2 answers

HTML5 - Prevent Fullscreen Mode

I'm using the Fullscreen API with an embedded YouTube video to detect whether or not the browser window has entered fullscreen mode. I have that working great. What I'd like to do is prevent from occurring the default behavior of entering fullscreen…
Alexander
  • 3,959
  • 2
  • 31
  • 58
3
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
galbis
  • 31
  • 1
  • 3
3
votes
1 answer

Fullscreen API change default color

I'm using the fullscreen api and the default color for the border is black as seen in this image: Image is from http://blogs.sitepointstatic.com/examples/tech/full-screen/index2.html. I would like to change this background color to a different…
Alan Liang
  • 358
  • 2
  • 15
3
votes
1 answer

HTML5 full screen API not working in Firefox , IE

I want to detect the HTML5 video fullscreen mode. The code below is working fine only for chrome. The code is not working for Firefox and IE. I dont have Safari but i want it to work in Safari as well. …
Owais Ahmed
  • 1,364
  • 1
  • 30
  • 62
3
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…
marekventur
  • 1,875
  • 1
  • 16
  • 22
2
votes
2 answers

Window inner height incorrect when going full screen on andriod until touch

When you use the full-screen api to go full screen on an Android device, it works fine, however the window inner height does not get updated correctly until you touch the screen again. I am using document.documentElement.requestFullscreen(); see…
user2445278
  • 808
  • 1
  • 8
  • 15
2
votes
0 answers

How does Kahoot know if content is fullscreen?

How does Kahoot know if content is fullscreen? I was playing Kahoot on a Chromebook. On many chromebooks, there is func button that "hides" the tab bar, in short, fullscreen the webpage and hide the tab changer, URL bar, and bookmarks bar to make…
Hermanboxcar
  • 418
  • 1
  • 13
2
votes
0 answers

Inconsistency of an Element's clientwidth/height after fullscreenchange

I have an HTMLElement that is going through a fullscreenchange event. I've added to that event a listener which makes some calculations based the element's clientwidth/clientheight when fullscreened. The problem is that the element's clientheigh…
tfreifeld
  • 183
  • 11
1
2
3
…
9 10