Issues Using Flash into HTML

**Abhibhava** · 23-01-2010

I have created an HTML website and I want to add an animation in introduction of page How would I do this .I have a flash which is sitting inside an HTML page. It loads fine itself but taking a long time if you are on a slow connection so I want to use a loading/progress bar,I am trying it so many times but failed to do, please suggest me to do this.I have created a flash file but it is not executing into the page and giving me an red cross sign there.

**Zecho** · 23-01-2010

HTML (Hyper Text Markup Language) is used to create the web pages.If we require to put some animation like any advertise and product is moving two and fro like any movie. So we can perform it by using flash files in our HTML page.

Use only *.swf file as a movie file.Now we are ready to embed into our page, To do this

4. Open you page and insert the code below and specify the place where do you want to add it

<object width="500" height="350">
<param name="movie" value="<filename>.swf">
<embed src="filename.swf" width="500" height="350">
</embed>
</object>

Here, We are using <object> and <embed> tag because internet explorer can identify object tag and Netscape recognize embed tag, ignores object tag.

**Reegan** · 23-01-2010

You can add a progress bar in your HTML page and it will look like a loading your page, To do this you need to write these codes into your HTML file with proper tags and segments carefully.

<style type="text/css">
div.progress-wrapper
{
position: relative; border: 1px solid black;
}

div.progress-bar
{
position: absolute; top: 0; left: 0; height: 100%;
}

div.progress-text
{
text-align: center; position: relative;
}
</style>

<script type="text/javascript">
function designProgressBar(color, width, percent)
{
var pixels = width * (percent / 100);
document.write('<div class="progress-wrapper" style="width: ' + width + 'px">');
document.write('<div class="progress-bar" style="width: ' + pixels + 'px; background-color: ' + color + ';"></div>');
document.write('<div class="progress-text" style="width: ' + width + 'px">' + percent + '%</div>');
document.write('</div>');
}
</script>

This code should be written between <Head> and </Head> tag of HTML Page.

**opaper** · 23-01-2010

There are so many peoples commit mistakes to add flash file into web page. these are some steps which can help you to use flash file in a proper way carefully.

1. select the File => Open. Open the Flash file which you have created.
2. Choose File => Export Movie.
3. Rename the file "<filename>.swf". Select the location where the file is to be stored (in your Web folder) and Click OK.

Now this file can be used to design your Web page because HTMP can identify only *.swf file as a movie file. Now you are ready to embed it into your HTML page.