Playing Flash content in a web browser requires an HTML document that activates the SWF file and specifies browser settings. This document is generated automatically by the Publish command.
HTML parameters determine where the Flash 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. You can 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.
1. Do one of the following to open the Publish Settings dialog box:
- Select File > Publish Settings OR
- In the Property inspector for the document (which is available when no object is selected), click the Publish Settings button.
2. On the Formats tab, the HTML file type is selected by default. In the File text box for the HMTL file, either use the default filename, which matches the name of your document, or enter a unique name, including the .html extension.
3. Click the HTML tab to show HTML settings and select an installed template to use from the Template pop-up menu. Then click the Info button to the right to show a description of the selected template. The default selection is Flash Only.
4. If, in the previous step, 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, you can 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 alternate 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 (the default) uses the size of the SWF file.
- Pixels enters the number of pixels for the width and height in the Width and Height field.
- Percent specifies the percentage of the browser window that the SWF file will occupy.
6. Select Playback options to control the SWF file's playback and features, as described in the following list:
- Paused at Start pauses the SWF file until a user clicks a button or selects Play from the shortcut menu. By default, the option is deselected and the Flash content begins to play as soon as it is loaded.
- Loop repeats the Flash content when it reaches the last frame. Deselect this option to stop the Flash content when it reaches the last frame.
- Display Menu shows a shortcut menu when users right-click (Windows) or Control-click (Macintosh) the SWF file. Deselect this option to show only About Flash in the shortcut menu. By default, this option is selected.
- Device Font (Windows only) substitutes anti-aliased (smooth-edged) system fonts for fonts not installed on the user's system.
7. Select Quality options to determine the trade-off between processing time and appearance, as described in the following list.
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 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.
- Medium applies some anti-aliasing but does not smooth bitmaps. It produces a better quality than the Low setting but lower quality than the High setting.
- High (the 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 has 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 Flash content bounding box or virtual window with content in the HTML page as described in the following list:
- Window does not embed any window-related attributes in the object and embed tags. The background of the Flash content is opaque and uses the HTML background color. The HTML cannot render above or below the Flash content. This is the default setting.
- Opaque Windowless sets the background of the Flash content to opaque, obscuring anything underneath the Flash content. Opaque Windowless lets HTML content appear above or on top of Flash content.
- Transparent Windowless sets the background of the Flash content to transparent. This allows the HTML content to appear above and below the Flash content.
NOTE: In some instances, complex rendering in Transparent Windowless mode can result in slower animation when the HTML images are also complex.
9. Select one of the following HTML Alignment options to position the Flash SWF window in the browser window:
- Default centers the Flash content in the browser window and crops edges if the browser window is smaller than the application.
- Left, Right, Top, or Bottom aligns SWF files along the corresponding edge of the browser window and crops the remaining three sides as needed.
10. Select a Scale option to place the Flash content within specified boundaries, if you've changed the document's original width and height.
- 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 displays 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. Select a Flash Alignment option to set how the Flash content is placed within the application window and how it is cropped, if necessary.
- For Horizontal alignment, select Left, Center, or Right.
- For Vertical alignment, select Top, Center, or Bottom.
12. Select Show Warning Messages to show error messages if tag settings conflict--for example, if a template has code referring to an alternate image that has not been specified.
13. To save the settings with the current file, click OK.