javascript - 如何使用 .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，overflow 在正文中设置为 auto。这工作得很好，除了我在底部附近留下了网页的一些可见部分。我希望能够调整网页大小以匹配 swf 或隐藏除 swf 之外的所有内容。我用 js 尝试了一些不同的东西，包括将 bottom 属性设置为 0 和使用 document.body.clientHeight 的变体。

Answer 1

你不能让它成为“全屏”，但你可以让它充满浏览器。 首先，app 元素应将位置样式预设为固定或绝对(取决于您的页面)，因为从脚本设置它会重新加载 flash 对象。

然后如果位置固定就用这个:

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

这绝对可以找出视口(viewport)的位置及其大小，只需移动和调整您的应用元素即可。

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