IOS 的替代全屏 iframe 选项？

Question

我正在开发一个多媒体项目，我希望它可以嵌入和全屏显示。我已经设法让桌面浏览一切正常，但由于 Apple 已经取消了 "fullscreen" API，我遇到了一些问题。

你可以在这里看到我在做什么：http://kevinjbeaty.com/rmnp-100/

它在桌面 Chrome、Safari 等设备上完美运行，但在 Android 上效果不佳，在移动 Safari 上则完全不适用。

对我来说最重要的是在嵌入中提供此功能。网络上列出的手动样式选项适用于全屏 iframe，但我不知道如何在可嵌入格式中制作触发器。

有什么解决方法吗？

Answer 1

好的，这是我想出的解决方法。我仍然无法为我的 iframe 进行任何全屏转换，但是全屏 javascript 运行在 if/else 循环之外，所以我在该循环的最后一点打开了一个新选项卡iframe 的源代码 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 获取全屏的需要

IOS 的替代全屏 iframe 选项？

Alternative fullscreen iframe option for IOS?

safari

iframe

mobile

fullscreen