Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在iOS[Safari]中使用Javascript的全屏iFrame_Javascript_Html_Ios_Safari_Fullscreen - Fatal编程技术网

在iOS[Safari]中使用Javascript的全屏iFrame

在iOS[Safari]中使用Javascript的全屏iFrame,javascript,html,ios,safari,fullscreen,Javascript,Html,Ios,Safari,Fullscreen,我设置了全屏功能: function setUpFullScreen() { document.cancelFullScreen = document.webkitCancelFullScreen || document.mozCancelFullScreen || document.cancelFullScreen; document.body.requestFullScreen = document.body.webkitRequestFullScreen || docume

我设置了全屏功能:

function setUpFullScreen() {
    document.cancelFullScreen = document.webkitCancelFullScreen || document.mozCancelFullScreen || document.cancelFullScreen;
    document.body.requestFullScreen = document.body.webkitRequestFullScreen || document.body.mozRequestFullScreen || document.body.requestFullScreen;
    document.onfullscreenchange = document.onfullscreenchange || document.onwebkitfullscreenchange || document.onmozfullscreenchange;
    if (document.addEventListener) {
        document.addEventListener('webkitfullscreenchange', fullscreenChangeHandler, false);
        document.addEventListener('mozfullscreenchange', fullscreenChangeHandler, false);
        document.addEventListener('fullscreenchange', fullscreenChangeHandler, false);
        document.addEventListener('MSFullscreenChange', fullscreenChangeHandler, false);
    }
}
并使用以下命令切换全屏显示:

function toggleFullScreen() {
    if (isFullScreen()) {
        trace("Exiting fullscreen.");
        document.querySelector("svg#fullscreen title").textContent = "Enter fullscreen";
        document.cancelFullScreen();
    } else {
        trace("Entering fullscreen.");
        document.querySelector("svg#fullscreen title").textContent = "Exit fullscreen";
        document.body.requestFullScreen();
    }
}
全屏检查:

function isFullScreen() {
    return !!(document.webkitIsFullScreen || document.mozFullScreen || document.isFullScreen);
}
在Chrome、Safari、Firefox(桌面版)和Android上也可以切换全屏。但是,不在Safari和Chrome上工作。我在safari上看到以下错误:

TypeError: document.body.requestFullScreen is not a function. (In 'document.body.requestFullScreen()', 'document.body.requestFullScreen' is undefined)
如何使用javascript在iOS上实现全屏功能

仅供参考:我的代码是对

使用:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

在HTML文件中为我工作。

使用:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


在HTML文件中为我工作。

加载iframe后如何调用
setUpFullScreen
函数运行/执行?@leo.fcx setUpFullScreen。这些方法是iframe中加载的页面的一部分。这是否意味着使用
窗口。onload
或类似的方法?@leo.fcx FYI:我的代码是对的改编,它不回答我的问题,即使它只是一个改编。您是否尝试使用
窗口。onload
?如何运行/执行
setUpFullScreen
函数?@leo.fcx setUpFullScreen在加载iframe后被调用。这些方法是iframe中加载的页面的一部分。这是否意味着使用
窗口。onload
或类似的方法?@leo.fcx FYI:我的代码是对的改编,它不回答我的问题,即使它只是一个改编。您是否尝试过使用
窗口。onload