如何使用 .js 将 .swf 调整为全屏

Question

我的应用程序是在 Flash Builder 中构建的。我想在 HTML 页面中嵌入一个小型 Flash 登录表单。登录表单处于代码的“登录”状态，宽/高为几百像素。 “默认”状态设置为 100% 的高度和宽度。我有一个调整大小函数，一旦登录收到适当的凭据就会执行该函数。

private function resizeApplication():void {
            if(ExternalInterface.available) {
                ExternalInterface.call("resizeApplication");
            } 

调整大小的 JavaScript 是这样的：

function resizeApplication() {
  var app = document.getElementById('app');
  app.style.height = '100%';
  app.style.width = '100%';
  app.style.left = '0';
  app.style.top = '0';}

#app 是 div，溢出在正文中设置为 auto。这工作得很好，除了我在底部附近留下了网页的一些可见部分。我希望能够调整网页大小以匹配 swf 或隐藏除 swf 之外的所有内容。我尝试了一些不同的 js 操作，包括将 Bottom 属性设置为 0 并使用 document.body.clientHeight 的变体。

Answer 1

您不能将其设为“全屏”，但可以使其填满浏览器。
首先，应用程序元素应该将位置样式预设为固定或绝对（取决于您的页面），因为从脚本中设置它会重新加载 Flash 对象。

如果位置固定，则使用此方法：

app.style.top = '0';
app.style.left = '0px';
app.style.top = '0px';
app.style.right = '0px';
app.style.bottom = '0px';

这可以绝对找出视口的位置及其大小，然后移动应用程序元素并调整其大小。

http://www.softcomplex.com/docs/get_window_size_and_scrollbar_position.html

无论哪种方式都不会'如果您只是通过 ActipnScript 将 Flash 全屏显示，对您来说不是更容易吗？

fscommand("fullscreen", "true"); // ActionScript 2
stage.displayState = StageDisplayState.FULL_SCREEN; // ActionScript 3

Answer 2

您必须手动设置 div 的高度才能始终获得您想要的效果。这与使背景图像始终填满屏幕的技巧相同。

像这样的东西：

function resizeMain(){
$("#wrapper").height(window.innerHeight);
$("#background").height(window.innerHeight);
$("#background").width(window.innerWidth);
}
window.onresize = resizeMain;
$(document).ready(function(){resizeMain();});

Answer 3

为什么不直接使用进入真正的全屏模式

StageDisplayState.FULL_SCREEN