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);