View comments | RSS feed

Flash CS3  |  Go to CS4 Help

Specify settings that create HTML documents with embedded Flash content

Playing Flash content in a web browser requires an HTML document that activates the SWF file and specifies browser settings. The Publish command automatically generates this document, from HTML parameters in a template document.

The template document can be any text file that contains the appropriate template variables—including a plain HTML file, a file that includes code for special interpreters such as ColdFusion or Active Server Pages (ASP), or a template included with Flash.

To manually enter HTML parameters for Flash or customize a built‑in template, use an HTML editor.

HTML parameters determine where the content appears in the window, the background color, the size of the SWF file, and so on, and set attributes for the object and embed tags. Change these and other settings in the HTML panel of the Publish Settings dialog box. Changing these settings overrides options you’ve set in the SWF file.

Specify the settings

  1. Select File > Publish Settings and click Formats. The HTML file type is selected by default.
  2. Use the default filename, which matches the name of your document, or enter a unique name, including the .html extension.
  3. To show HTML settings and select an installed template to use from the Template pop‑up menu, click HTML. To show a description of the selected template, click Info. The default selection is Flash Only.
  4. If you selected an HTML template other than Image Map or QuickTime, and on the Flash tab you set the Version to Flash Player 4 or later, select Flash Version Detection.
    Note: Flash Version Detection configures your document to detect the version of Flash Player that the user has and sends the user to an alternative HTML page if the user does not have the targeted player.
  5. Select a Dimensions option to set the values of the width and height attributes in the object and embed tags:
    Match Movie
    (Default) Uses the size of the SWF file.

    Pixels
    Enters the number of pixels for the width and height.

    Percent
    Specifies the percentage of the browser window that the SWF file occupies.

  6. To control the SWF file’s playback and features, select Playback options:
    Paused At Start
    Pauses the SWF file until a user clicks a button or selects Play from the shortcut menu. (Default) The option is deselected and the content begins to play as soon as it is loaded (the PLAY parameter is set to true).

    Loop
    Repeats the content when it reaches the last frame. Deselect this option to stop the content when it reaches the last frame. (Default) The LOOP parameter is on.

    Display Menu
    Shows a shortcut menu when users Right-click (Windows) or Control-click (Macintosh) the SWF file. To show only About Flash in the shortcut menu, deselect this option. By default, this option is selected (the MENU parameter is set to true).

    Device Font
    (Windows only) Substitutes anti-aliased (smooth-edged) system fonts for fonts not installed on the user’s system. Using device fonts increases the legibility of type at small sizes and can decrease the SWF file’s size. This option affects only SWF files that contain static text (text that you create when authoring a SWF file and that does not change when the content appears) set to display with device fonts.

  7. To determine the trade-off between processing time and appearance, as described in the following list, select Quality options. These options set the QUALITY parameter’s value in the object and embed tags.
    Low
    Favors playback speed over appearance and does not use anti-aliasing.

    Auto Low
    Emphasizes speed at first but improves appearance whenever possible. Playback begins with anti-aliasing turned off. If Flash Player detects that the processor can handle it, anti-aliasing is automatically turned on.

    Auto High
    Emphasizes playback speed and appearance equally at first but sacrifices appearance for playback speed if necessary. Playback begins with anti-aliasing turned on. If the actual frame rate drops below the specified frame rate, anti-aliasing is turned off to improve playback speed. To emulate the View > Antialias setting, use this setting.

    Medium
    Applies some anti-aliasing but does not smooth bitmaps. Medium produces a better quality than the Low setting but lower quality than the High setting.

    High
    (Default) Favors appearance over playback speed and always uses anti-aliasing. If the SWF file does not contain animation, bitmaps are smoothed; if the SWF file contains animation, bitmaps are not smoothed.

    Best
    Provides the best display quality and does not consider playback speed. All output is anti-aliased and bitmaps are always smoothed.

  8. Select a Window Mode option, which controls the HTML wmode attribute in the object and embed tags. The window mode modifies the relationship of the content bounding box or virtual window with content in the HTML page as described in the following list:
    Window
    (Default) Does not embed any window-related attributes in the object and embed tags. The background of the content is opaque and uses the HTML background color. The HTML code cannot render above or below the Flash content.

    Opaque Windowless
    Sets the background of the Flashcontent to opaque, obscuring anything under the content. Lets HTML content appear above or on top of content.

    Transparent Windowless
    Sets the background of the Flash content to transparent, allowing the HTML content to appear above and below the content. For browsers that support windowless modes, see the following table.
    Note: In some instances, complex rendering in Transparent Windowless mode can result in slower animation when the HTML images are also complex.

  9. To position the SWF file window in the browser window, select one of the following HTML Alignment options:
    Default
    Centers the content in the browser window and crops edges if the browser window is smaller than the application.

    Left, Right, Top, Or Bottom
    Align SWF files along the corresponding edge of the browser window and crop the remaining three sides as needed.

  10. To place the content within specified boundaries if you’ve changed the document’s original width and height, select a Scale option. The Scale option sets the SCALE parameter in the object and embed tags.
    Default (Show All)
    Shows the entire document in the specified area without distortion while maintaining the original aspect ratio of the SWF files. Borders can appear on two sides of the application.

    No Border
    Scales the document to fill the specified area and keeps the SWF file’s original aspect ratio without distortion, cropping the SWF file if needed.

    Exact Fit
    Shows the entire document in the specified area without preserving the original aspect ratio, which can cause distortion.

    No Scale
    Prevents the document from scaling when the Flash Player window is resized.

  11. To set how the content is placed within the application window and how it is cropped, select a Flash Alignment option. This option sets the SALIGN parameter of the object and embed tags.
  12. To show error messages if tag settings conflict—for example, if a template has code referring to an alternative image that was not specified—select Show Warning Messages.
  13. To save the settings with the current file, click OK.

Browsers that support windowless modes

Operating system

Internet Explorer

Netscape

Other

Macintosh OS X 10.1.5 and 10.2

5.1 and 5.2

7.0 and later

  • Opera 6 or later

  • Mozilla 1.0 or later

  • AOL/Compuserve

Windows

5.0, 5.5, and 6.0

7.0 and later

  • Opera 6 and later

  • Mozilla 1.0 and later

  • AOL/Compuserve



Comments

Comments are no longer accepted for Flash CS3. Flash CS4 is the current version. To discuss Flash CS3, please use the Adobe forum.

Comments


idahoair said on Aug 14, 2007 at 6:51 PM :
Within the Window Mode option "Window," the background of the content does not use the HTML background color-it uses the opaque Stage Background Color and sets the HTML template to use the Stage Background Color.

 

RSS feed | Send me an e-mail when comments are added to this page | Comment Report

Current page: http://livedocs.adobe.com/flash/9.0/UsingFlash/WSd60f23110762d6b883b18f10cb1fe1af6-7bcc.html