Full screen api HTML5 and Safari (iOS 6)

html api mobile-safari ios6 fullscreen
R.C. picture R.C. · Oct 10, 2012 · Viewed 38.9k times · Source

I'm trying to make an application to run in full screen mode (without the top bar) in Safari for iOS 6. The code is as follows:

var elem = document.getElementById("element_id");
if (elem.requestFullScreen) {
  elem.requestFullScreen();
} else if (elem.mozRequestFullScreen) {
  elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullScreen) {
  elem.webkitRequestFullScreen();
}

It works well on desktop browsers. But in Mobile Safari (iOS) 6 does not work.

Any idea about this issue?

Answer

ndm picture ndm · Oct 10, 2012

It's not supported...

http://caniuse.com/fullscreen

Related questions

Allow Access-Control-Allow-Origin header using HTML5 fetch API

I am using HTML5 fetch API. var request = new Request('https://davidwalsh.name/demo/arsenal.json'); fetch(request).then(function(response) { // Convert to JSON return response.json(); }).then(function(j) { // Yay, `j` is a JavaScript object console.log(JSON.stringify(…

Read More
fb:like-box, custom css?

Is it possible to add a custom css file to a fb:like-box? For example, I would like to remove the borders around the iframe. Thanks

Read More
HTML5 Drag and Drop API on Touch Screen Devices

I was just wondering if the HTML5 API for Drag and Drop included support for touch screen displays. I was thinking of iPhone, but I know this isn't supported yet. I was wondering if that is just catching up on …

Read More