我想打一个div容器全屏等最新的iPhone,它在所有桌面浏览器和Android浏览器,但在iPhone浏览器(Safari浏览器)工作正常,它不管用。HTML5全屏API不IPhone SE Safari浏览器工作,也
我试过,如视频,画布和DIV但全屏API不同的元素不会在iPhone浏览工作。
任何一个可以请告诉我如何使HTML 5 div元素在iPhone浏览全屏。
如果无法与iPhone的浏览器,然后任何其他解决办法是存在的。
我在这里发布我的代码。请给出你的建议。
Full Screen test \twindow.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.
DIV Container
2017-07-25
Srinivas