HTML - 如何使SWF全屏?

问题描述 投票:0回答:1

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

为了开发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 :()时它仍然显示恼人的白条。

编辑:此外,当我在“altContent”div上方添加一条额外的行,表示“Blub”时,此行将显示在白色栏中。

为了完整性,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>
html flex fullscreen
1个回答
0
投票

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.