我想打一个div容器全屏等最新的iPhone，它在所有桌面浏览器和Android浏览器，但在iPhone浏览器(Safari浏览器)工作正常，它不管用。HTML5全屏API不IPhone SE Safari浏览器工作，也

我试过，如视频，画布和DIV但全屏API不同的元素不会在iPhone浏览工作。

任何一个可以请告诉我如何使HTML 5 div元素在iPhone浏览全屏。

如果无法与iPhone的浏览器，然后任何其他解决办法是存在的。

我在这里发布我的代码。请给出你的建议。

Full Screen test \t

window.onload = drawCircle;

function drawCircle()

{

var c = document.getElementById("myCanvas");

var ctx = c.getContext("2d");

ctx.beginPath();

ctx.arc(100,100,80,0,2*Math.PI);

ctx.fillStyle = 'green';

ctx.fill();

ctx.lineWidth = 5;

ctx.strokeStyle = '#003300';

ctx.stroke();

}

function makeVideoFullscreen(){

//alert("makeVideoFullscreen");

var element = document.getElementById("myVideo");

if (element.requestFullscreen) {

element.requestFullscreen();

} else if (element.mozRequestFullScreen) {

element.mozRequestFullScreen();

} else if (element.webkitRequestFullscreen) {

element.webkitRequestFullscreen();

} else if (element.msRequestFullscreen) {

element.msRequestFullscreen();

}

}

function makeCanvasFullscreen(){

// alert("makeCanvasFullscreen");

var element = document.getElementById("myCanvas");

if (element.requestFullscreen) {

element.requestFullscreen();

} else if (element.mozRequestFullScreen) {

element.mozRequestFullScreen();

} else if (element.webkitRequestFullscreen) {

element.webkitRequestFullscreen();

} else if (element.msRequestFullscreen) {

element.msRequestFullscreen();

}

drawCircle();

}

function makeDIVFullscreen(){

// alert("makeDIVFullscreen");

var element = document.getElementById("myDiv");

if (element.requestFullscreen) {

element.requestFullscreen();

} else if (element.mozRequestFullScreen) {

element.mozRequestFullScreen();

} else if (element.webkitRequestFullscreen) {

element.webkitRequestFullscreen();

} else if (element.msRequestFullscreen) {

element.msRequestFullscreen();

}

}

Your browser does not support HTML5 video.

Your browser does not support the HTML5 canvas tag.

2017-07-25

Srinivas