Home  Articles  How to embed Flash into a web page

How to embed Flash into a web page

If you want to add Flash animation to your web page or blog, iSpring is the best solution that allows to create professional Flash movies in your PowerPoint.

iSpring makes web ready Flash movies creating extremely easy while it doesn't require any Flash programming skills. Just create your presentation in PowerPoint, and iSpring will convert it to Flash preserving all the original animations, transition effects, inserted audio, video and Flash files. iSpring creates a truly solid .SWF file with all multimedia resources embedded. Plus iSpring generates an HTML code, ready for adding to your web page.

The following instruction explains how to add Flash animation to your web page.

  1. Convert your PowerPoint presentation to Flash. Make sure that Create HTML is selected in the Publish -> General window. Publish
  2. After conversion to Flash, you have three separate files in the output: Flash movie (.SWF file), HTML page and additional .JS file for Internet Explorer. Output Files Conversion output with Single Flash file mode on:
    • .SWF file - your Flash movie;
    • .HTML file - a sample HTML page with your Flash movie on it;
    • .JS a special file that prevents Internet Explorer from blocking your Flash movie. It has to be in the same folder with your HTML page for proper operating.
  3. In order to ensure smooth playback of a Flash movie on your web page, edit its HTML code, pasting a corresponding piece of code generated by iSpring. Web page HTML can be reviewed right from your browser window by selecting Code source option or opening it in a simple text editor, that doesn't allow font styles changing, e.g. Notepad. Do NOT use Microsoft Word, OpenOfficeWriter, WordPad, etc. Open With
  4. In a window opened you'll see a sample page HTML code. Your Flash movie code is enclosed within the object tag. Depending on the HTML doctype that is used for your web page, copy either HTML or XHTML object tag and paste it into your web page. You can check the doctype in the DOCTYPE tag that is usually defined in a first line of a page source code. Be sure to add script fixprompt.js to your page as well.
    Flash movie HTML code example HTML Code Sample
  5. Now just copy object tag content and paste it into your web page HTML code. You can also specify location and mode of your movie setting attributes and parameters for the object tag and duplicating attributes for the embed tag.
    • quality ("low/autolow/autohigh/high/medium/best") - designates outline smoothing quality;
    • bgcolor - determines slide background color;
    • align ("right/left/middle") - sets movie alignment within the page;
    • src (movie parameter) - shows the movie source;
    • width, height - designates movie size in pixels;
    • allowFullScreen - allows Full screen mode (for FlashPlayer 9 only).
    In the script tag src attribute shows the path to .js file. It has to be stored in the same folder with Flash movie containing web page. Also remember that all the files with your movie have to be stored together with the page in order to assure your movie's flawless playback. We hope our tips will help you to enrich and beautify your web site with Flash animations!