Embedding a Prezi into a WordPress.com blog

8 02 2013

This has just taken me a while to fix myself so I thought I may be able to save others time if I share the following.

As can be seen from older blog posts on this site I had no problems embedding a Prezi before. However in December 2012 Prezi.com changed their embed code.

After searching for a fix I found the following blog post by Panos:

The update at the bottom of the blog post is great – it simply tells you where Prezi have moved the ID to since December. This works fine in most Web browsers however in some Internet Explorer browsers (my work computer has a particularly old version of IE) you get annoying scrollbars at the right and bottom of the Prezi. Eventually after searching I found the fix was to add style=”position:absolute”:

So the completed code required to make it work now looks like this:

code-to-embed-prezi-in-wordpress

[A larger more readable image is available from clicking on the image file above. Originally this blog post included the text but with changes to formatting it has been necessary to replace with an image as I will no longer be able to keep updating this post.]

The Prezi ID mewlfkbikpeq can be foundĀ at the beginningĀ of the link to the Prezi itself: http://prezi.com/mewlfkbikpeq/introduction-to-ar/

The effect is like:

Also something I do incase the Prezi doesn’t display on a particular device is to add the following:

The Prezi can also be accessed here: http://prezi.com/mewlfkbikpeq/introduction-to-ar/

Advertisements