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
31
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
  • 411
  • 2
  • 5
  • 6
17
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
  • 793
  • 12
  • 32
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,430
  • 18
  • 42
12
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
  • 167
  • 1
  • 2
  • 7
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
  • 4,290
  • 3
  • 34
  • 55
9
votes
2 answers

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
  • 844
  • 7
  • 16
8
votes
2 answers

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,820
  • 14
  • 51
  • 92
7
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
  • 731
  • 2
  • 9
  • 16
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
  • 3,417
  • 12
  • 48
5
votes
3 answers

JavaScript fullscreen cannot scroll

I made a fullscreen toggle for a page with the script below, but I have a problem when the page fullscreen, it can't scroll down. I tried adding CSS overflow: scroll for fullscreen but nothing happened. I hope somebody can help me with this.…
Zhamry D. Jones
  • 61
  • 1
  • 3
5
votes
2 answers

Fullscreen API; browser thinks I don't start with a user gesture

I'm working on a custom video player using the HTML5 video element and I'm having trouble getting the full screen button to work with the Fullscreen API. When I click it, I get the error message: Failed to execute 'requestFullscreen' on 'Element':…
Vince
  • 3,962
  • 3
  • 33
  • 58
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,712
  • 4
  • 55
  • 95
5
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,828
  • 6
  • 27
  • 63
5
votes
2 answers

requestFullscreen for multiple elements

So imagine that you're using an HTML5 video player library such as Videojs. You want to extend this library's functionality by adding an extra button, but for reasons not relevant to this question, you don't want to get into that whole plugin coding…
JayPea
  • 9,551
  • 7
  • 44
  • 65
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,680
  • 10
  • 49
  • 74
1
2 3
…
9 10