html - 如何更改 iframe 的方向

Question

就我而言，我已将另一个组织(是的，我被授权这样做)开发的 html 游戏嵌入到网站中。页面和 HTML 游戏文件位于同一域中。

该游戏是为支持 iPad 而开发的，但仅限横向。然而，在 iframe 中，它总是显示“请使用横向方向”的消息，即使我已经在 iPad 设备中这样做了。因此，我假设 iframe 的方向始终是纵向的。

是否可以手动设置 iframe 的方向？在我的情况下，我会将其设置为横向。

提前致谢。

Answer 1

此行为是设计使然。

您必须告诉 iframe 中的页面方向变化。所以在你的主页中:

window.addEventListener("orientationchange", function() {
    var iframe = document.getElementById("youriframe").contentWindow;
    iframe.postMessage({
       orientation: window.orientation
    }, 'http://the.domain.of.the.iframe.com');
}, false);

在托管页面中:

window.addEventListener("message", function( e ) {
   window.orientation = e.data.orientation;
}, false);