如何更改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);