Questions tagged [html5-fullscreen]

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

138 questions
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,272
  • 2
  • 28
  • 49
3
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,299
  • 2
  • 27
  • 53
3
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…
3
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…
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
  • 198
  • 1
  • 11
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,192
  • 1
  • 21
  • 48
3
votes
0 answers

Object Tag and Frameset Tag doesn't work FullScreen API

I have a page inside the object tag which use Fullscreen API to make that page full screen. Unfortunately it doesn't work in object tag (except firefox )but work well in iframe tag with attribute allowFullScreen. Here is the implementation. I…
Goddard
  • 795
  • 3
  • 11
3
votes
1 answer

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
  • 8,573
  • 7
  • 38
  • 62
2
votes
1 answer

Allow alerts to happen when in full screen html?

I have a website, and theres an option in it to make it full screen. Here's the code to make it full screen: