调整Chrome运行Flash应用程序大小时的空白区域

时间:2015-04-10 12:59:22

标签: flash google-chrome

我在调整窗口大小时观察Chrome和Flash的不良影响。

我在HTML中嵌入了一个全屏SWF应用程序,其中包含AC_FL_RunContent:

AC_FL_RunContent(
        "src", "my_app",
        "width", "100%",
        "height", "100%",
        "align", "middle",
        "id", "app",
        "quality", "high",
        "bgcolor", "white",
        "name", "app",
        "allowScriptAccess","sameDomain",
        "type", "application/x-shockwave-flash",
        "pluginspage", "http://www.adobe.com/go/getflashplayer"
);

当我恢复窗口大小然后再次最大化时,SWF不再全屏显示 - 底部仍然留有空白条带。看起来好像Flash面板在宽度方面正确调整大小,但在高度方面没有。

我可以在Windows上使用Chrome看到问题 - 使用内置Flash播放器和Adobe Flash播放器。我也试过Chromium for Linux(OpenSuse 13.2) - 同样的问题。 Firefox或IE11上根本没有出现此问题。

某些版本号:

  • Adob​​e Flex SDK 3.5
  • SWF文件中的版本号:9(很老,我知道)
  • Windows 8.1
  • Chrome 41
  • Flash Player 17

我可以看到第三方基于Flex 3的SWF文件存在同样的问题 - 例如http://www.dlgsoftware.com/flexexrenderers/FlexExrenderers.html,所以我认为问题不在我们的HTML / JS / SWF文件中。

我还没有看到基于Flex 4.5的SWF文件存在这些问题,这让我觉得它是Flex 3和Chrome之间的兼容性问题。

有谁知道它是Flex bug还是Chrome bug,还是其他什么?是否有针对此问题的解决方法或修复方法?

1 个答案:

答案 0 :(得分:2)

我试验了同样的问题!

的解决方法: 使用缩放选项调整屏幕大小时,空白条消失并恢复swf

我在设置中发现了问题:

在我的flex IDE中,在我的项目文件夹的html-template文件夹中,我有一个文件名index.template.html,用于生成projectName.html文件。

在文件中找到以下行:

<style>
    body { margin: 0px; overflow:hidden }
</style>

将其替换为:

<style>
    html, body { height:100%; overflow:hidden; }
    body { margin:0; }
</style>

重建你的项目,你就完成了......

希望有所帮助!