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