IOS的可选全屏iframe选项?

IOS的可选全屏iframe选项?,iframe,mobile,safari,fullscreen,Iframe,Mobile,Safari,Fullscreen,我正在做一个多媒体项目,我希望是嵌入式和全屏。我已经设法让它在桌面浏览中正常工作,但自从苹果公司禁止“全屏”API以来,我遇到了一些麻烦 你可以在这里看到我的工作: 它在桌面Chrome、Safari等平台上运行得非常好,但在Android平台上运行得不太好,在移动Safari平台上运行得也不太好 这里对我来说最重要的是在嵌入式系统中提供这一功能。web上列出的手动样式选项对于全屏iframe很好,但我不知道如何在可嵌入格式中触发这样的触发器 有什么解决办法吗?好的,这是我想出的解决办法。我仍然

我正在做一个多媒体项目,我希望是嵌入式和全屏。我已经设法让它在桌面浏览中正常工作,但自从苹果公司禁止“全屏”API以来,我遇到了一些麻烦

你可以在这里看到我的工作:

它在桌面Chrome、Safari等平台上运行得非常好,但在Android平台上运行得不太好,在移动Safari平台上运行得也不太好

这里对我来说最重要的是在嵌入式系统中提供这一功能。web上列出的手动样式选项对于全屏iframe很好,但我不知道如何在可嵌入格式中触发这样的触发器


有什么解决办法吗?

好的,这是我想出的解决办法。我仍然无法为我的iframe进行任何全屏转换,但是全屏javascript在if/else循环中运行,因此我让该循环的最后一部分打开一个带有iframe源URL的新选项卡,该URL是全屏的,因此至少我可以将小程序嵌入到某些网页上,并仍然让人们获得完整的体验

这是js:

function expandbutton() {
var docElm = document.getElementById("iframeinsert");
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
}
else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
}
else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
}
else if (docElm.msRequestFullscreen) {
docElm.msRequestFullscreen();
}

else {
 var form = document.createElement("form");
 form.method = "GET";
 form.action = "http://eptrail-media.com";
 form.target = "_blank";
 document.body.appendChild(form);
 form.submit();
}
}

如果没有别的,它满足了在ipad或其他移动Safari设置中从嵌入式iframe获得全屏显示的需要

@PhatWrat请不要建议仅删除apple标记进行编辑。尽管不鼓励不使用该标记,但您应该做更多改进,不仅仅是删除标记。您似乎建议删除apple标记时进行大量仅编辑。