August 29, 2011

How to Embed Flash Content on Your Website

You would be more prefer on adding more colors to your blog or website. Designing your site to attract more users and feel them comfortable when surfing through your site could add more plus points to your site. So you may prefer on adding flash content such as banners for your site header, flash based games or any other useful and interactive flash content including advertisements. Though you have flash files or content, still you may ignorant in embedding flash content efficiently on your site. So let's find out how to embed them on your site efficiently.

You have few alternatives to embed your flash content on your site, such as using iFrame, Object and Embed tag. OBJECT tag has some obsolete values. iFRAME tag is not bad and it has been defined for creating inline frame to contain another document within a frame. But for embedding purposes, its better to use EMBED tag and it provides you better control over flash media. So here you can learn how to embed content on your site using embed tag and how to configure embedding options. Shall we?


You just have to add below code snippet on your site with the reference to your flash file.

Note: If you are a Blogger user and wanna render flash content on your blog, add embed code snippet via HTML/JavaScript element. Read How to Add an External Widget or Code to Blogger. Else if you wanna render it in a Blogger post or page, read How to Embed External Content on Your Blogger Posts or Pages.

<embed src="[Source Path of Your SWF File]" wmode="[Window Mode]" quality="[Quality of the Flash Content]" menu="[Enable/Disable Menu Options]" loop="[Enable/Disable Loop]" allowscriptaccess="always" type="application/x-shockwave-flash" align="middle" height="[Height of Content]" width="[Width of Content]" pluginspage=""></embed>

Color Indication Information

   - Source Path

Specify your actual location or source path of the flash file (.swf) here.

   - Window Mode

Here you can set Window Mode of flash content for transparency. The value transparent may work for most cases. You can specify window, direct, opaque, transparent and gpu values here. For detailed information read Adobe Guide for Using Wmode Values.

   - Initial Quality

Here you can specify initial quality of the flash content. In other words it's the quality of your flash content when it's been loaded. You can specify besthigh, medium, autohigh, autolow or low values here and the quality will affect for the performance of the movie on low bandwidth internet connections.

   - Enable/Disable Menu Options

You may have seen a menu displayed with playback controls whenever you right click on the flash content. Here you can enable or disable only those playback controls displayed on the menu. Just specify True or False here.

   - Enable/Disable Loop

By default flash plugin loops your embedded flash movie. If you are not like to loop your movie, just place False here. Else use True.

   - Media Type

This is the media type or MIME type of your content. As you embedding a flash file, it should be application/x-shockwave-flash. So you don't have to change it here.

   - Height of Content

Here you can specify the height of your embedding flash content. If you wish to resize height of your embedding content, then specify it here using pixels or as a percentage.

i.e: height="100%" or height="300px"

   - Width of Content

Specify display width of your flash content here. Your flash content width will be resized as your specified value here using pixels or as a percentage.

i.e: width="80%" or height="450px"

   - Location of the Flash Player Plugin

This is Flash Player plugin location, where user will prompt and enable to download flash player if he/she not already installed. I have specified it already and you don't need to specify it.

Enjoy :-)

Awesome! Thanks for coming by and taking your time to read this post :) I hope you have learnt something today. Now you can share it with your friends and I'd love to hear from you too.

Related Posts and Categories

Category, , , ,


* Make sure your comment is genuine and comply with our commenting guidelines.

* Review your email and reply notification settings to receive replies via email.

Unknown said...

Will using flash on blogger slow down the upload speed? Thanks for sharing and making it look so easy!

Mayura De Silva said...

Hi Lisa,

Welcome to Mayura4Ever :) Using flash may affect on your site performance, but it's depend on few variables such as flash content size, uploaded location, bandwidth of internet connection...