当前位置： 文江博客话题详情

在浏览器中居中 SWF

发布于 2024-11-30 01:07:02 字数 5744 浏览 1 评论 0原文 

    I have my application developed in Flex 4. I want the application to fit in the browser because at the moment the screen centers horizontally but the vertically it only shows around 3/4 of the application.

I believe I need to modify in index.template.html

 I did it as follows by setting width and height to 100% but it does not seem to work.



    <!-- saved from url=(0014)about:internet -->
    <html lang="en">

    <!-- 
    Smart developers always View Source. 

    This application was built using Adobe Flex, an open source framework
    for building rich Internet applications that get delivered via the
    Flash Player or to desktops via Adobe AIR. 

    Learn more about Flex at http://flex.org 
    // -->

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!--  BEGIN Browser History required section -->
    <link rel="stylesheet" type="text/css" href="history/history.css" />
    <!--  END Browser History required section -->

    <title>${title}</title>
    <script src="AC_OETags.js" language="javascript"></script>

    <!--  BEGIN Browser History required section -->
    <script src="history/history.js" language="javascript"></script>
    <!--  END Browser History required section -->

    <style>
    body { margin: 0px; overflow:hidden }
    </style>
    <script language="JavaScript" type="text/javascript">
    <!--
    // -----------------------------------------------------------------------------
    // Globals
    // Major version of Flash required
    var requiredMajorVersion = ${version_major};
    // Minor version of Flash required
    var requiredMinorVersion = ${version_minor};
    // Minor version of Flash required
    var requiredRevision = ${version_revision};
    // -----------------------------------------------------------------------------
    // -->
    </script>
    </head>

    <body scroll="no">
    <div id="flashContent" align="center">
    <script language="JavaScript" type="text/javascript">
    <!--
    // Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
    var hasProductInstall = DetectFlashVer(6, 0, 65);

    // Version check based upon the values defined in globals
    var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);

    if ( hasProductInstall && !hasRequestedVersion ) {
        // DO NOT MODIFY THE FOLLOWING FOUR LINES
        // Location visited after installation is complete if installation is required
        var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
        var MMredirectURL = window.location;
        document.title = document.title.slice(0, 47) + " - Flash Player Installation";
        var MMdoctitle = document.title;

        AC_FL_RunContent(
            "src", "playerProductInstall",
            "FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
            "width", "100%",
            "height", "100%",
            "align", "middle",
            "id", "${application}",
            "quality", "high",
            "bgcolor", "${bgcolor}",
            "name", "${application}",
            "allowScriptAccess","sameDomain",
            "type", "application/x-shockwave-flash",
            "pluginspage", "http://www.adobe.com/go/getflashplayer"
        );
    } else if (hasRequestedVersion) {
        // if we've detected an acceptable version
        // embed the Flash Content SWF when all tests are passed
        AC_FL_RunContent(
                "src", "${swf}",
                "width", "100%",
                "height", "100%",
                "align", "middle",
                "id", "${application}",
                "quality", "high",
                "bgcolor", "${bgcolor}",
                "name", "${application}",
                "allowScriptAccess","sameDomain",
                "type", "application/x-shockwave-flash",
                "pluginspage", "http://www.adobe.com/go/getflashplayer"
        );
      } else {  // flash is too old or we can't detect the plugin
        var alternateContent = 'Alternate HTML content should be placed here. '
        + 'This content requires the Adobe Flash Player. '
        + '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
        document.write(alternateContent);  // insert non-flash content
      }
    // -->
    </script>
    <noscript>
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
                id="${application}" width="${width}" height="${height}"
                codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
                <param name="movie" value="${swf}.swf" />
                <param name="quality" value="high" />
                <param name="bgcolor" value="${bgcolor}" />
                <param name="allowScriptAccess" value="sameDomain" />
                <embed src="${swf}.swf" quality="high" bgcolor="${bgcolor}"
                    width="100%" height="100%" name="${application}" align="middle"
                    play="true"
                    loop="false"
                    quality="high"
                    allowScriptAccess="sameDomain"
                    type="application/x-shockwave-flash"
                    pluginspage="http://www.adobe.com/go/getflashplayer">
                </embed>
        </object>
    </noscript>
    </body>
    </html>



Any one ha a better idea?
原文 
    I have my application developed in Flex 4. I want the application to fit in the browser because at the moment the screen centers horizontally but the vertically it only shows around 3/4 of the application.

I believe I need to modify in index.template.html

 I did it as follows by setting width and height to 100% but it does not seem to work.



    <!-- saved from url=(0014)about:internet -->
    <html lang="en">

    <!-- 
    Smart developers always View Source. 

    This application was built using Adobe Flex, an open source framework
    for building rich Internet applications that get delivered via the
    Flash Player or to desktops via Adobe AIR. 

    Learn more about Flex at http://flex.org 
    // -->

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!--  BEGIN Browser History required section -->
    <link rel="stylesheet" type="text/css" href="history/history.css" />
    <!--  END Browser History required section -->

    <title>${title}</title>
    <script src="AC_OETags.js" language="javascript"></script>

    <!--  BEGIN Browser History required section -->
    <script src="history/history.js" language="javascript"></script>
    <!--  END Browser History required section -->

    <style>
    body { margin: 0px; overflow:hidden }
    </style>
    <script language="JavaScript" type="text/javascript">
    <!--
    // -----------------------------------------------------------------------------
    // Globals
    // Major version of Flash required
    var requiredMajorVersion = ${version_major};
    // Minor version of Flash required
    var requiredMinorVersion = ${version_minor};
    // Minor version of Flash required
    var requiredRevision = ${version_revision};
    // -----------------------------------------------------------------------------
    // -->
    </script>
    </head>

    <body scroll="no">
    <div id="flashContent" align="center">
    <script language="JavaScript" type="text/javascript">
    <!--
    // Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
    var hasProductInstall = DetectFlashVer(6, 0, 65);

    // Version check based upon the values defined in globals
    var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);

    if ( hasProductInstall && !hasRequestedVersion ) {
        // DO NOT MODIFY THE FOLLOWING FOUR LINES
        // Location visited after installation is complete if installation is required
        var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
        var MMredirectURL = window.location;
        document.title = document.title.slice(0, 47) + " - Flash Player Installation";
        var MMdoctitle = document.title;

        AC_FL_RunContent(
            "src", "playerProductInstall",
            "FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
            "width", "100%",
            "height", "100%",
            "align", "middle",
            "id", "${application}",
            "quality", "high",
            "bgcolor", "${bgcolor}",
            "name", "${application}",
            "allowScriptAccess","sameDomain",
            "type", "application/x-shockwave-flash",
            "pluginspage", "http://www.adobe.com/go/getflashplayer"
        );
    } else if (hasRequestedVersion) {
        // if we've detected an acceptable version
        // embed the Flash Content SWF when all tests are passed
        AC_FL_RunContent(
                "src", "${swf}",
                "width", "100%",
                "height", "100%",
                "align", "middle",
                "id", "${application}",
                "quality", "high",
                "bgcolor", "${bgcolor}",
                "name", "${application}",
                "allowScriptAccess","sameDomain",
                "type", "application/x-shockwave-flash",
                "pluginspage", "http://www.adobe.com/go/getflashplayer"
        );
      } else {  // flash is too old or we can't detect the plugin
        var alternateContent = 'Alternate HTML content should be placed here. '
        + 'This content requires the Adobe Flash Player. '
        + '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
        document.write(alternateContent);  // insert non-flash content
      }
    // -->
    </script>
    <noscript>
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
                id="${application}" width="${width}" height="${height}"
                codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
                <param name="movie" value="${swf}.swf" />
                <param name="quality" value="high" />
                <param name="bgcolor" value="${bgcolor}" />
                <param name="allowScriptAccess" value="sameDomain" />
                <embed src="${swf}.swf" quality="high" bgcolor="${bgcolor}"
                    width="100%" height="100%" name="${application}" align="middle"
                    play="true"
                    loop="false"
                    quality="high"
                    allowScriptAccess="sameDomain"
                    type="application/x-shockwave-flash"
                    pluginspage="http://www.adobe.com/go/getflashplayer">
                </embed>
        </object>
    </noscript>
    </body>
    </html>



Any one ha a better idea?

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（1）

却一份温柔 2024-12-07 01:07:02

尝试使用 object 元素来实现 width=100% height=100% 。它将适合整个屏幕的 .swf。

它们不是垂直对齐元素的简单方法。您可以使用一些 JavaScript 来计算窗口高度，然后借助该值设置对象的 padding。

亲切的问候，
索拉布

try width=100% height=100% with the object element. It will fit the .swf in the whole the screen.

Their is no simple way to align the element vertically. You can use some javascript to calculate the window height then set the padding of object with the help of that value.

Kind Regards,
Saurabh

回复 原文
~没有更多了~

关于作者

预谋

暂无简介

0 文章
0 评论
23 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

苍风燃霜

文章 0 评论 0

我的黑色迷你裙

文章 0 评论 0

悸初

文章 0 评论 0

撧情箌佬

文章 0 评论 0

森罗

文章 0 评论 0

lyn1245

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文