带有嵌入式 SWF 的 HTML5 请求全屏答案

【问题标题】：HTML5 request fullscreen with Embedded SWF带有嵌入式 SWF 的 HTML5 请求全屏
【发布时间】：2014-03-26 11:01:24
【问题描述】：

我正在使用以下函数来处理将 DOM 元素切换到全屏模式的按钮的单击事件。

var elem = document.getElementById("swfContainer");
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
}

这个功能本身就可以正常工作。问题是 dom 元素内部是另一个包含 swf 的 div。内部 div 的 height 和 width 属性设置为 100%。 SWF 已设置为自动调整大小以适应舞台。

现在的问题和问题...

当我运行使 DOM 全屏的函数时，它当然会进入全屏状态，SWF 似乎认识到它已进入全屏状态，因为它提示允许键盘输入。但是 SWF 本身不会调整大小以填充全屏 DOM 元素，即使它所在的容器可以。

如果有办法做到这一点？

【问题讨论】：

标签： javascript html flash

【解决方案1】：

<embed style="height: 100%; width: 100%;">

它对我有用。

【讨论】：

简单嵌入的问题在于，这是一个有角度的应用程序，SWF 位于对象标签内，当加载特定视图和控制器时，该标签会即时加载。