Home > General Chatter > How To Embed Anything Into Your WordPress.com Blog

How To Embed Anything Into Your WordPress.com Blog

January 18, 2008 Leave a comment Go to comments

One of the most frequently asked questions in the WordPress.com Forums is how to embed flash, video, and other media into a WordPress.com blog. According to the WordPress.com FAQ:

For security reasons we remove the tags needed [to add or embed flash, video, or other media] . Your intentions may be innocent but someone somewhere would try to damage the site.

However, by using specially created “shortcodes”, WordPress.com allows embedding of media from Google Video, YouTube, DailyMotion, Grouper, Odeo, SplashCast, Vimeo, Slide.com, RockYou, Kyte.tv, and SlideShare.net. But as a WordPress.com blogger, you are out of luck when it comes to the hundreds of other websites.

Well, now there is a solution. It is the “Post WordPress” Firefox extension from VodPod. [There is a plugin for Internet Explorer and a bookmarklet for other browsers]. The extension will work on just about any site that offers Flash video and an embed code. You can read more about the extension at VodPod’s official blog.

I have been using the browser extension since its release in September 2007, and I find it to be extremely useful as it lifts the limitation WordPress.com imposes on its users in regards to flash and other media, and I have yet to find a site where the extension does not work.

You no longer need a browser extension or a bookmarklet to utilize VodPod and enable the embedding of any type of Flash video/slideshow into your WordPress.com blog. Just follow the directions below.

  • Visit VodPod and sign-up for an account (if you do not have one already).
  • After you are logged in, you will see the tab “paste embed code”.
  • Copy the embed code you want to post to your blog and click the “preview” button.
  • In the pop-up window that appears, choose the “Post to blog” tab and click on the WordPress logo.
  • Uncheck “include source link” and “vodpod link” (optional).
  • Click on the “Get the Code” link.
  • Copy the code and paste it into the WordPress.com editor.
  • Alternatively, you can choose to give VodPod your WordPress sign-in information, and you can publish directly from VodPod.

You can also use the share video bookmarklet or use the Post to WordPress bookmarklet.

UPDATE: It has been brought to my attention that the VodPod trick does not work for embedding Issuu catalogs. [Thanks to Nela Lazarevic for bringing it to my attention] .  Also, blogger geekycoder posted a nice article discussing issues that one might run into when using VodPod and certain type of widgets.

Here’s one of my favorite Flash cartoons via Atom Films [from circa 2000, but it’s still hilarious], a site which is not supported by a WordPress.com shortcode.

Radiskull & Devil Doll!
Vodpod videos no longer available.

Advertisements
Categories: General Chatter
  1. dinesh
    December 15, 2008 at 12:15 pm

    Good man.. for this embedding stuff i goggled for a lot of time.. finaaly i got this

  2. hrwaldram
    December 22, 2008 at 5:09 am

    Thanks so much – all my embedding problems are over!

  3. January 23, 2009 at 2:31 am

    will it be possible to embed Picassa?

  4. Digital Boy
    January 23, 2009 at 11:56 am

    Yes, you can embed Picassa slideshows like you would a video. I’ve done it many times throughout this blog.

  5. February 4, 2009 at 12:51 pm

    http://flickrslidr.com

    Vodpod shows me a message that it does not support this kind of code, each time i try to insert it.

    On the other hand, for Issuu files, it shows up nicely on Vodpod, while when I enter it into WordPress, it leaves just a blank space in the post, where there should be a widget. See it for youself here:

    http://nelalazarevic.wordpress.com/2009/02/04/let-s-see-if-this-works/

    Hope you can help…

    http://www.issu.com

    • Digital Boy
      February 4, 2009 at 1:20 pm

      The Flickrslidr code doesn’t work because it’s uses an iframe. The VodPod trick only work with embed tags. I’m not real sure why you are having problems with the Issu catalog. Can you tell me where I can find the embed code for it, so I can try it myself?

  6. February 4, 2009 at 3:21 pm

    Tnx for your quick reply.

    Here’s the example of the file whose code I ve been trying to embed:

    It offers embed variations for different sites, but of course, WordPress is not one of them.

    The HTML code I used works fine in Vodpod, but turns out into a blank page when I post it.

    -Do you happen to know a way to work around the FlickrSLidr (or some other flickr slideshow) codes into making them work in WordPress through Vodpod?

    -Same thing for being able to use Google maps?

    -Could you list some useful ways to benefit from Vodpod for stuff other than classic video? The only one I was able to find that s useful for me and that works so far is that of the Picasa sludeshows…

    • Digital Boy
      February 4, 2009 at 3:36 pm

      On the second step, when it asks where you want to post your document, choose Blogger. Copy the code Issuu gives you and paste it into VodPod. That should work.

      For anything that doesn’t use an embed tag, there’s no easy way to make it work with VodPod. If you have the time and/or motivation, you can do a bit of reverse engineering and figure out the actual embed code FlickrSlidr or Google Maps uses.

      • June 25, 2009 at 1:40 pm

        I have problem just like that with Issu, and I did like what you said, chose blogger, but it doesn’t work either

        • Digital Boy
          June 25, 2009 at 10:40 pm

          Make sure what you paste into VodPod is only the embed code. Remove other HTML, such as divs and hrefs.

          • June 27, 2009 at 9:06 am

            nope, still not working, I suppose wordpress.com wouldn’t let us trick

  7. July 21, 2009 at 5:35 am

    Awesome. Thanks.

  8. Nim
    October 5, 2009 at 5:38 pm

    DEAR GOD! THANK YOU ALOT!

  9. December 25, 2009 at 5:01 am

    anyone know how to embed a custom flash file?.. i do alot of flash works and i wanted to embed it on my wordpress blog..

    -Reina Lyn Ben
    http://rlynonline.com

    • Digital Boy
      December 25, 2009 at 9:44 pm

      You would have to upload the file somewhere first. Then, create an embed code that the VodPod could pick-up.

  10. Roberto
    January 21, 2010 at 9:19 am

    This a fantastic solution!! I tried it and it works like a charm.

    But I was wondering if anyone managed to place a widget on a sidebar… I tried that too, but that does not work.

Comment pages
  1. No trackbacks yet.

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

%d bloggers like this: