How To Embed Flash Into HTML
So you have the flash file, you just need to know how to embed the Flash file into a HTML file to see it online. I have seen some of our customers simply upload the swf file without the html filling up the screen with the whole Flash file, this causes the major pixelation of the website since that method stretches the site beyond the default size. In this tutorial we are going to show you how to properly embed flash into your html document. Let’s take a quick tour.
Embed Flash Into Dreamweaver
This is the easiest method to embed flash, first open up Dreamweaver and follow the screenshot below:
The example above is the easiest way to embed flash, but it does require you have the Dreamweaver software. After you have embedded the swf file, save as index.html and upload both the swf file and the index.html to your root directory. This is what the code looks like:
You could copy and paste this code and place it in your html page to directly embed your flash file without the use of Dreamweaver. Open up your notepad program and simply paste the above code right in, make sure that your change both the width and height and the name of the flash file:
Change To Your Desired Flash Pixel Size
Change The Word “sidebanner” to your filename
Full Flash Embed Example Code
Now let’s take a look at what the whole code looks like including title, head, and body tags. This will especially useful if you do not have Dreamweaver and you want to raw code.
<body>
<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#
version=7,0,19,0″ width=”780″ height=”255″>
<param name=”movie” value=”file:sidebanner.swf” />
<param name=”quality” value=”high” />
<embed src=”file:sidebanner.swf” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”780″ height=”255″></embed>
</object>
</body>
</html>
Embed Flash Using Mimimal Script
Now that you know how to embed using the right and true method, here is a really simple version of embedding flash, sometimes this method does not work but it’s worth a shot.
Pretty Easy To Embed Flash
See, that wasn’t too hard. Just remember when you upload, you will need to upload both the swf and html files. If you are going to make it your home page, it is a must you name your html page index.html otherwise you will not see your homepage. Take a look at what your upload should look like, there should be 2 files sitting right next to each other.
- embedded html file (index.html)
- swf file (flash)
There you have it! Your now a Embed Flash Pro…
Popularity: 31% [?]
April 2nd, 2008 at 7:44 am
I have almost read all your post and with each passing one the concept of visual effects is getting so clear.
April 2nd, 2008 at 8:21 am
Doing great job Excellent post!!!:D
April 2nd, 2008 at 8:28 am
Great going guys this posted codes will definitely reduce labor for many ppl…
April 2nd, 2008 at 8:48 am
Very easy codes available everywhere now!!
April 2nd, 2008 at 8:50 am
Very neatly packed codes let me know can I use it in any version???
April 2nd, 2008 at 8:50 am
Codes are working great work guys!!!hurray
April 18th, 2008 at 1:05 pm
found your site on del.icio.us today and really liked it.. i bookmarked it and will be back to check it out some more later ..
June 4th, 2008 at 12:29 pm
HI - good info, thanks. When I upload the files to the server, all I get is a white box. The movie plays when I click it within my computer (stored on my harddrive), but once uploaded, it doesn’t play. ??? The files are present in the same folder on the host server, but do not play.