Embedding SWF files into WordPress posts with SWFObject
I just had a heck of a time embedding a SWF file (the YouTube video from the previous post) into my WordPress post. Even when using the plain HTML editor, WordPress apparently does funny things to my HTML. Grrr! Feels like I'm using FrontPage or something!
Anyway, so I figured out that the problem was because WordPress was trying to convert the quotation marks in my code to smart quotes. Lovely! This was, of course, messing up the JavaScript required for SWFObject. So I tried putting the contents of the script tags into HTML comments, thinking WordPress might ignore the comments. And it did. But it also munged my newlines, thereby actually commenting out my JavaScript code. Grrr x 2! Finally, I got it to work by using multiline comments.
Here's the resulting code that worked:
<div align="center" id="flashCaptPicard">
You need the Flash Player to view this video.
</div>
<script type="text/javascript">
/*<!--*/
var so = new SWFObject("http://www.youtube.com/v/2CTB6Lklpik", "flashCaptPicard", 425, 350, "7");
so.write("flashCaptPicard");
/*-->*/
</script>
The Embedding SWF files into WordPress posts with SWFObject article by Aral Balkan, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial 2.0 UK: England License.
Subscribe to my blog
Sandip Saini
Melatonina Melatonine
Ken Simpson
Gabriela Portilla
Clark Wilkins
Brajeshwar
I use my own PHP swf embedder which dynamically writes the SWFObject (FlashObject) into my blog post (works for MT and WP). So, in future if we need to change from SWFOject to something else, I just change that one single script and things will be afresh. I follow the same for all image embeds on my blog articles!
May 31st, 2006 at 12:38 pmBryan Rieger
Check out the Kimli Flash Embed plug-in for WordPress - makes embedding SWF much, much easier and it’s built upon Geoff Stearn’s Flash Object javascript code.
http://www.kimili.com/plugins/kml_flashembed
May 31st, 2006 at 2:26 pmJulian Sander
Hi Aral,
after dealing with this issue myself I found the solution to fixing the plugin.. When WYSIWYG is used, it (as you mentioned) converts ” into html entities, so the solution is to convert back from html entities.
add the following line to the kml_flashemed.php at line 235 inside the function kml_parse_kfe_tags($match)
$elements = html_entity_decode($elements);
workes like a charm now.
Cheers, Julian
August 8th, 2006 at 1:19 pmaral
Thanks Julian! I’ve actually switched to using the non-WYSIWYG editor and it’s so much better so I’m happy now!
August 8th, 2006 at 2:39 pmJulian Sander
Hi Aral,
yeah, I beleave that!! WYSI(not)WYG haha. I sent an email to Michael about this, so I hope he will include this change in the next release.
Anyhow, I hope to be able to make it to the Flash on the Beach in December. If so we should get together for a drink.
Cheers, Julian
August 8th, 2006 at 10:34 pmunijimpe
Hello, my name is Jim and i have created plugin for WordPress
that it allows to insert SWFs in your WodrPress Blog. This Plugin
this plugin uses the SWFObject library. The use is very simple, this plugin
simply encloses the Javascript and insert code for insert SWFObject.
The form to insert SWF is:
[swf] pathtofile.swf, width, height[/swf]
You can see an explanation and example in: http://unijimpe.pandela.net/?p=18
August 11th, 2006 at 9:15 pmJesse
This is great, thank-you!
The benefit to doing it this way over alternate plug-ins is the increase in functionality. Case in point, allowFullscreen = true needed for Fullscreen with Flash 9.
June 23rd, 2007 at 2:44 amPete
I would really recommend Michael Bester’s excellent http://www.kimili.com/plugins/kml_flashembed
It is lacking allowFullScreen which he’s soon to add. If you beat him to it just add
$out[] = ‘ so_’ . $rand . ‘.addParam(”allowFullScreen”, “true”);’;
at line 193, to have fullscreen always allowed
July 19th, 2007 at 7:00 amAral
Thanks for the link, Pete.
July 19th, 2007 at 8:21 amjay
i have a problem how can get html dynamic text value into flash
September 11th, 2007 at 8:59 amAral
Hi Jay,
You would use FlashVars to do that. In SWFObject, you use so.addVariable(”variable name”, “variable value”). See the SWFObject page for more information on how to do that.
September 11th, 2007 at 9:34 amSrinivas
Thanks for the code.
May 12th, 2008 at 5:25 amiwebie
I have used the Kimili Flash Plugin to Embed the Free Rider 2 Flash game on iwebie and it works great for me..
Check out the Example
http://www.iwebie.com/free-rider-2
October 8th, 2008 at 7:07 pmTingo
I thin this might be what your looking for
http://wordpress.org/extend/plugins/wordpress-video-plugin/
February 15th, 2009 at 12:59 amIscar
Pretty interesting project!
May 30th, 2009 at 9:35 amSandip Saini
There’s a lot of data on this site and I’ve detected some concerning people to comply. You did a nice job. Thanks!
July 4th, 2009 at 8:53 am