How to Get Animoto embed code to work in Office Live
Place your cursor where you want the Animoto animation to go.
Instead of the HTML module use the "Custom Footer" Module.
This is the code that you cut and paste into the Custom Footer module to overwrite the code that exists in the module when you open it:
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="text" omit-xml-declaration="yes"/>
<xsl:template match="/">
<![CDATA[
<div>
<script type="text/javascript"
src="http://wanimoto.clearspring.com/o/46928cc51133af17/4b723b810ad2f32d/46928cc51133af17/a7f91fcb/-cpid/9e742cbfaae12cc3/-EMH/240/-EMW/432/widget.js"></script>
</div>
]]>
</xsl:template>
</xsl:stylesheet>
Note: you paste/overwrite your Animoto Embed code over the two lines in the middle of the above code which start with
<script type=...... and end with </script> Be sure to overwrite both lines completely. Then cut and paste/overwrite in the Custom Footer module dialogue box. (Use a plain text editor like Windows Notepad to cut and paste the above into Notepad, then while in notepad paste your animoto code over the two script lines. Finally cut and paste from Notepad into the Custom Footer Module. Using a plain text editor like Notepad assures that you won't get any corrupted code transferring over in the cut and paste procedure.)
While you are in page edit mode in Office Live you will simply see a blue dotted box at the insertion point after cutting a pasting. When you switch to the View mode, you should see your animoto video like this: