How to Put Flash Movies on My Site

Adobe's Flash program lets web designers and developers add interactive applications and multimedia content to their websites. With its companion Flash Player browser plug-in, these applications and pieces of content can be viewed on nearly any computer platform. Once you have a Flash movie created in SWF format and ready for deployment, adding it your site is a simple process involving just a few lines of HTML code.

Instructions

1. View the HTML code of your page. If you use a program such as Adobe Dreamweaver, Microsoft Expression Web, or Amaya, open the page you where you want to place your Flash movie. Find the location for the movie, then click once on that part of the screen. Change to Code View to see the HTML code that controls that portion of the page. If you edit your pages with a text editor, open your page in the editor and locate the line of code where your Flash movie should appear.

2. Add code to embed your movie. Copy and paste the following code into your page at the location specified in the previous step:

   <object width="400" height="350">
   <param name="movie" value="../media/my_flash_movie.swf">
   <embed src="../media/my_flash_movie.swf" width="400" height="350">
   </embed>
   </object>

3. Update the code to match the requirements of your movie. The sample code assumes your Flash movie is located within the "media" directory, one level above the location of your page. However, since every site's directory structure is different, this value likely does not apply exactly to yours. Add the correct location and directory, then update the file name to match the name of your movie. In addition, update the sample width and height values to match the dimensions of your movie. Change these values in both the <object> and <embed> tags on lines one and three, respectively. Save your changes now.

4. View your embedded movie. Open the page you just saved in your browser. The movie you added with the code provided and updated in Steps 2 and 3 now plays in the browser window.

References

• W3 Schools: Flash embedded in HTML

Resources

• UCSF Center for Instructional Technology: Embedded media HTML generator