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.

138 questions
16
votes
1 answer

Failed to execute 'requestFullScreen' on 'Element': API can only be initiated by a user gesture

I want to make my HTML5 game go native fullscreen on launch. When I do this with a button onclick, it goes fullscreen. But when I use window.onload to make it go fullscreen onload, it replys on the console Failed to execute 'requestFullScreen' on…
Tae Hagen
  • 241
  • 2
  • 3
  • 6
15
votes
1 answer

Firefox fullscreen video append DOM elements

no matter how I put elements in DOM as an overlay on html5 video (statically or dynamically), those elements in Firefox are not visible, although the z-index is set to 2147483647, opacity 1 and display block. See 2 similar answers, working in…
Dalibor
  • 1,466
  • 11
  • 31
13
votes
3 answers

Fullscreen API not working if triggered with F11

I implemented a fullscreen toggling feature for my application and it is actually working fine, tested on newest Chrome, Firefox, IE and Opera. I have one method for activating and one for deactivating fullscreen mode: public…
indexoutofbounds
  • 695
  • 10
  • 29
10
votes
3 answers

HTML5 video controls disappear in full-screen mode on android devices

I'm developing a cross platform app using cordova with an angular material front end. I use HTML5 video tags in a list of md-cards to play videos with external urls. When inline the videos play correctly, and display the native controls as expected.…
Adam Diament
  • 2,812
  • 1
  • 25
  • 44
10
votes
1 answer

How to capture the fullscreen event when I press the default fullscreen button of HTML5 video element?

I have a problem when use the HTML5 video tag and iconic. Here is part of my template:
foolishfox
  • 127
  • 1
  • 1
  • 7
6
votes
1 answer

Fullscreen API for Chrome on iPad?

I am creating a widget that I would like to go fullscreen once a button is clicked. I have implemented the fullscreen API and it works like a charm on all browsers. However, I am creating this widget to work as a interactive kiosk on iPads only. I…
user7366442
  • 441
  • 1
  • 7
  • 14
5
votes
1 answer

what constitues user gesture

I recently programmed a menu interface for javascript that lets you dynamically add options to it and mostly works with mouseEnter Events . I thne added some basic video Controls to it with request/exit Fullscreen that trigger on one of these…
jonathan Heindl
  • 721
  • 4
  • 15
5
votes
1 answer

Exit fullscreen not working on chrome? [What I'm missing?]

I have two buttons on my screen. each one fires a piece of javascript code to enter and exit fullscreen mode. Button 1: Enter Fullscreen Mode Button 2: Exit Fullscreen Mode If I first click on Button 1 it brings me to fullscreen mode and then if I…
Sara Ree
  • 2,661
  • 4
  • 20
5
votes
0 answers

HTML5 fullscreen mode in mobile browser (chrome) ignores the viewport configuration - bug or feature?

My app displays some pages for a mobile device. Such pages have the tag carefully calculated so that they will fit 100% in the device screen, something like:
rupps
  • 9,183
  • 4
  • 53
  • 87
5
votes
1 answer

Fullscreen html5 video with iOS Safari web browser

Is there a way to trigger fullscreen on iOS Safari (mobile web). Either fullscreen or full viewport would be great. Here is what I have tried below : function…
Fabii
  • 3,550
  • 12
  • 47
  • 83
4
votes
0 answers

Clicking on input element changes Installed Web App from "Standalone" to "Minimal-UI"

{ "short_name": "My App", "name": "My Application", "background_color": "#ff9800", "theme_color": "#ff9800", "icons": [ { "src": "launcher-256x256-icon.png", "sizes": "256x256", "type": "image/png" }, { …
Jack
  • 5,322
  • 8
  • 43
  • 70
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
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,420
  • 2
  • 17
  • 38
4
votes
2 answers

Can not scroll while fullscreen is enabled in MS IE11

I have a page with fixed header and footer using Bootstrap3. The content beneath is scrollable. The user may enable the fullscreen mode via F11 or a button (using the FullScreen-API). This works fine in Chrome and FF but has problems in IE11.…
Fidel90
  • 1,677
  • 3
  • 22
  • 59
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,442
  • 2
  • 17
  • 33
1
2 3
…
9 10