【问题标题】:HTML - How do I make my SWF fullscreen?HTML - 如何使我的 SWF 全屏显示?
【发布时间】:2010-09-22 19:03:34
【问题描述】:

我正在做一个项目,我需要制作一个填充整个浏览器窗口的 F​​lex 应用程序(请注意,我的意思是工具栏应该是可见的,即使我说全屏也是如此)。

为了开发 SWF,我正在使用 FlashDevelop(第一次),但我遇到了困难。当我构建项目时,它不会显示任何错误,并且会生成一个文件 website.swf。当我用 Firefox 浏览到这个文件时,它会全屏显示我想要的内容。但是,当我转到生成的 index.html 时,我的屏幕顶部会出现一个白色水平条(同样是浏览器窗口)。

我在互联网上浏览了一下,发现有几个人建议 CSS 应该包含以下内容:

<style type="text/css">
    html, body { margin:0; height:100%; overflow:hidden; }
    body { margin:0; height:100%; width:100%;}
</style>

但这对我来说并不合适,我仍然有白条。到目前为止,我已经尝试了边距、顶部、宽度、高度和边框,但似乎没有任何效果。

其他教程展示了如何像在 Firefox F11 等效项中一样制作 SWF 全屏,这不是我想要的(当我按 F11 时它仍然显示烦人的白条:()。

编辑:另外,当我在写有“Blub”的“altContent”div 上方放置一个额外的行时,该行将显示在白条中。

为了完整起见,HTML,因为我认为这是问题所在:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>Website</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="language" content="en" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <script src="js/swfobject.js" type="text/javascript"></script>
    <script type="text/javascript">
        var flashvars = {
        };
        var params = {
            menu: "false",
            scale: "noScale",
            allowFullscreen: "true",
            allowScriptAccess: "always",
            bgcolor: "#FFFFFF"
        };
        var attributes = {
            id:"Website"
        };
        swfobject.embedSWF("Website.swf", "altContent", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
    </script>
    <style type="text/css">
        html, body { margin:0; height:100%; overflow:hidden; }
        body { margin:0; height:100%; width:100%;}
    </style>
</head>
<body>
    <div id="altContent">
        <h1>Website</h1>
        <p>Alternative content</p>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img 
            src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" 
            alt="Get Adobe Flash player" /></a></p>
    </div>
</body>
</html>

【问题讨论】:

  • 您是否也尝试将填充设置为 0?
  • 刚刚做了,没用 :( 谢谢你的建议!一点额外的信息:如果我添加 BLUB
    BLUB
    BLUB
    BLUB
    BLUB
    BLUB
    ”在 -tag 和
    -tag 之间,SWF 向下移动。
  • 如果你把var params里面的bgcolor: "#FFFFFF"改成#FF0000,上面的白条会变成红条吗?
  • 不,当我将颜色更改为红色时,屏幕会短暂闪烁红色,然后返回正常(灰色)背景色。但是,白条不会闪烁红色。
  • 如果您使用 Firefox,能否将 Firebug 插件看到的 标签内容粘贴到我们这里?

标签: html apache-flex fullscreen


【解决方案1】:

HTML 和 CSS 看起来不错。我刚刚使用 Firefox 3.6 和 Flash Player 10.1 以及swfobject 的最新版本 (2.2) 对其进行了测试。显示的 SWF 完全填满了浏览器窗口。 SWF 顶部没有白条。

如果您仍在使用旧版本,请尝试升级到最新版本的 swfobject。

顺便说一句:您可以删除 CSS 的第二行。这是多余的。

【讨论】:

  • 我前段时间试过这个,但我想我搞砸了我的 FlashDevelop 安装......由于项目被取消,它在我的待办事项列表中也非常低......跨度>
猜你喜欢
相关资源
最近更新 更多
热门标签