How To Embed A Vimeo Video in a WordPress.com Site?

WordPress.com Hosted SiteI was recently asked by a friend to assist with some troubles on their wordpress.com site regarding embedding video. Now when it comes to embedding video from YouTube, we all know that you have to paste the embed code into “HTML” tab in your WordPress editor. Otherwise WordPress tries to “fix” the copy and will break the embed code. For the number 2 video site on the web, Vimeo, you would like to think the embedding process would be similar. Well unfortunately that thought is wrong!

So let get to it. How do you embed a Vimeo video into a blog post on a wordpress.com hosted blog?

For a wordpress.com hosted blog, the answer is a shortcode.

[vimeo 123456]

Using the above shortcode (replacing 123456 with the actual id of the video) you can embed a Vimeo video into the blog post. The shortcode is not view specific. So you can enter it from the “Visual” or “HTML” tab. A simple solution to a mega problem.

Note: the shortcode is not core functionality in a self hosted WordPress. A plugin and theme alteration would be required for a self hosted install.

A thanks to @DanaMNelson for sparking this conversation point.

Want to learn more about wordpress? Try this resource...

Digging into WordPress
  • This is a great trick, but I am still having a problem with my wordpress site displaying vimeo embedded files from my iphone. do you know if there is a work around?

    • Andrew

      Michael, the issues lies in the fact that the Vimeo player is a flash player. An alternative solution might be to include a link to the mobile site for each video (vimeo.com/​m/​#/​videoid) under the embedded video. I believe this to be friendly on the iPhone, but have not tested.