Insert Flash video into web pages using Dreamweaver8
Author:Eve Cole
Update Time:2009-06-01 01:03:26
Open the index.html page in Dreamweaver's "Document" window, insert a three-column table, and click once over the graphic placed in the middle column of the three-column table.
Select Insert > Media > Flash Video.
In the Insert Flash Video dialog box, select Progressive Download Video from the Video Type pop-up menu. about…
About Flash Video Use the Insert Flash Video command in Dreamweaver to insert Flash video content into a Web page without using Flash authoring tools. This command inserts a Flash component; when you view it in a browser, it displays the Flash video content you selected along with a set of playback controls.
The Insert Flash Video command provides the following options for sending video content to site visitors:
Progressive download video downloads a Flash video (FLV) file to the site visitor's hard drive and then plays it. However, unlike the traditional "download and play" video delivery method, progressive downloading allows video files to start playing before the download is complete.
Streaming Video streams Flash video content and plays it immediately in a Web page. To enable streaming video in a Web page, you must have access to the Macromedia Flash Communication Server, which is the only server that can stream Flash video content.
In the URL text box, specify the relative path to the cafe_townsend_home.flv file by clicking Browse, browsing to the cafe_townsend_home.flv file (located in the site's cafe_townsend root folder), and selecting the FLV file.
Select Halo Skin 2 from the Appearance pop-up menu.
A preview of the selected appearance appears below the Appearance pop-up menu. The Appearance option specifies the appearance of the Flash Video component that will contain Flash video content.
In the Width and Height text boxes, do the following:
In the Width text box, type 180.
In the Height text box, type 135 and press Enter.
hint
Click "Detect Size" to determine the exact width and height of your FLV file. However, sometimes Dreamweaver cannot determine the size of the FLV file. In this case, the width and height values must be entered manually.
The values in the Width and Height text boxes specify the width and height of the FLV file in pixels. You can adjust these values arbitrarily to change the size of the Flash video on the Web page. When you increase the size of a video, the picture quality of the video usually decreases.
Notice
"Including Skins" is the width and height of the FLV file plus the width and height of the selected skin.
The remaining options retain their default selection values:
Constraining Aspect Ratio maintains a constant aspect ratio between the width and height of the Flash video component. This option is selected by default.
Autoplay specifies whether to play the video when the Web page is opened. This option is deselected by default.
Autoreplay specifies whether the playback controls return to the starting position after the video has finished playing. This option is deselected by default.
Click OK to close the dialog box and add the Flash video content to the Web page.
The Insert Flash Video command generates a video player SWF file and a skin SWF file that are used to display Flash video content on a Web page. (You may need to click the Refresh button in the Files panel to see the new files.) These files are stored in the same HTML file that the Flash video content (in this case, the cafe_townsend root folder) was added to in the directory. When you upload an HTML page that contains Flash video content, Dreamweaver uploads these files as related files (just click Yes in the "Do you want to upload related files?" dialog box).
Save this page and test the effect.