jump to navigation

Embedding Flash objects into WordPress posts and pages July 10, 2011

Posted by Tournas Dimitrios in Wordpress - 3.

Combining animation content into your WordPress website can boost visitor’s experience . Embedding Flash ( swf ) objects into WordPress can be done with different ways , I’ll present three of them :

Only self-hosted WordPress applications can upload Flash (swf) content to their library

  • Hand-coding directly into the WYSIWYG editor . This is my preferred method as it doesn’t overload the server with extra working-cycles . The ” value” attribute represent the location of the swf object on your server .
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width="498" height="380" id="test1">
<param name="movie" value="http://localhost/wordpress/wp-content/uploads/2011/07/flash-for.WordPress1.swf" /><embed src="http://localhost/wordpress/wp-content/uploads/2011/07/flash-for.WordPress1.swf" width="498" height="380" name="test1" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></object>

In the code above there is both an < e mbed> tag and an <object> tag. This is because the tag is recognized by Internet Explorer, and Mozilla recognizes the < e mbed> tag and ignores the <object> tag. There are a few more attributes used: classID is an attribute to the <object> tag . It tells Internet Explorer to load the ActiveX plug-in if it is not installed. The plug-ins page is an attribute to the tag. It displays a link to the Shockwave download page if Netscape does not have it. A broken icon will appear on the Web page if the user does not have the Flash plug-in installed . If you really need to configure even more the embed tags by passing attributes read this article from Adobe’s knowledge base .

  • Install  TinyMCE Advanced WYSIWYG editor : This editor has an build-in button to upload  Flash content  into your WordPress installation and will paste the necessary  code into the article / post
  • SwfObj Plugin: This plugin will build an ” Add Flash content ” button into the default WYSIWYG editor . Actually this plugin use an more advanced/ efficient ( swfObj)  javascript code to embed your Flash content .


No comments yet — be the first.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s