{"id":13062420,"date":"2020-07-02T09:25:26","date_gmt":"2020-07-02T09:25:26","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&#038;p=13062420"},"modified":"2026-05-17T22:42:10","modified_gmt":"2026-05-17T22:42:10","slug":"animoto-embed","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/animoto-embed\/","title":{"rendered":"Animoto Embed"},"content":{"rendered":"\n<p class=\"has-text-align-right has-small-font-size wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/blocks\/\">Go back to the list of <strong>Blocks<\/strong><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With the Animoto Embed block, you can embed your own Animoto video which you have created on your Animoto account. You need an account to create\/customize your own videos and embed them into your post. A user who does not have an Animoto account can play the full video from the post.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Embedded Animoto Video<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"735\" height=\"432\" src=\"https:\/\/wordpress.org\/documentation\/files\/2020\/07\/Screen-Shot-2020-06-16-at-12.50.07-PM.png\" alt=\"Embedded Animoto video\" class=\"wp-image-13062427\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2020\/07\/Screen-Shot-2020-06-16-at-12.50.07-PM.png 735w, https:\/\/wordpress.org\/documentation\/files\/2020\/07\/Screen-Shot-2020-06-16-at-12.50.07-PM-300x176.png 300w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><figcaption class=\"wp-element-caption\">Embedded Animoto video<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Steps to Embed a video from Animoto<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Find the video URL on Animoto- Open your video which you can find in your <strong>Animoto Account<\/strong> &gt; <strong>My video<\/strong> area and click on the <strong>Share<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"389\" height=\"345\" src=\"https:\/\/wordpress.org\/documentation\/files\/2020\/07\/Screen-Shot-2020-06-16-at-11.46.36-AM.png\" alt=\"Open video you want to embed from Animoto\" class=\"wp-image-13062433\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2020\/07\/Screen-Shot-2020-06-16-at-11.46.36-AM.png 389w, https:\/\/wordpress.org\/documentation\/files\/2020\/07\/Screen-Shot-2020-06-16-at-11.46.36-AM-300x266.png 300w\" sizes=\"auto, (max-width: 389px) 100vw, 389px\" \/><figcaption class=\"wp-element-caption\">Open video you want to embed from Animoto<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. Click on the <strong>Share<\/strong> icon- From the share tab, click on the link icon which will open a pop-up window. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"606\" height=\"371\" src=\"https:\/\/wordpress.org\/documentation\/files\/2020\/07\/Screen-Shot-2020-06-16-at-11.46.49-AM.png\" alt=\"Click the share option and then choose the link option \" class=\"wp-image-13062437\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2020\/07\/Screen-Shot-2020-06-16-at-11.46.49-AM.png 606w, https:\/\/wordpress.org\/documentation\/files\/2020\/07\/Screen-Shot-2020-06-16-at-11.46.49-AM-300x184.png 300w\" sizes=\"auto, (max-width: 606px) 100vw, 606px\" \/><figcaption class=\"wp-element-caption\">Click the share option and then choose the link option<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. Copy the link of the Animoto video &#8211; Click on the <strong>Copy to Clipboard<\/strong> button to copy your video link easily.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"598\" height=\"241\" src=\"https:\/\/wordpress.org\/documentation\/files\/2020\/07\/Screen-Shot-2020-06-11-at-1.03.06-PM.png\" alt=\"Grab the link for the video\" class=\"wp-image-13062438\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2020\/07\/Screen-Shot-2020-06-11-at-1.03.06-PM.png 598w, https:\/\/wordpress.org\/documentation\/files\/2020\/07\/Screen-Shot-2020-06-11-at-1.03.06-PM-300x121.png 300w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">4. Add the Animoto Block from the Block list<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"362\" height=\"293\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190141892-4e897c5f-7a9b-4a49-8e55-3b1a8bf9f745.png\" alt=\"Choose Animoto block  when adding a block to your post or page\" class=\"wp-image-16266347\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190141892-4e897c5f-7a9b-4a49-8e55-3b1a8bf9f745.png 362w, https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190141892-4e897c5f-7a9b-4a49-8e55-3b1a8bf9f745-300x243.png 300w\" sizes=\"auto, (max-width: 362px) 100vw, 362px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/adding-a-new-block\/\">Detailed instructions on adding blocks<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">5. Paste the video link in the URL box<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"669\" height=\"277\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190142057-118a7b05-011f-4055-aaf5-f1d563b19999.png\" alt=\"Paste the link you grabbed for the Animoto video \" class=\"wp-image-16266348\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190142057-118a7b05-011f-4055-aaf5-f1d563b19999.png 669w, https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190142057-118a7b05-011f-4055-aaf5-f1d563b19999-300x124.png 300w\" sizes=\"auto, (max-width: 669px) 100vw, 669px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">6. Click the <strong>Embed<\/strong> button-If it\u2019s a link that can be successfully embedded you will see a preview in your editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"467\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190145706-010f41ce-21d2-4169-a2a7-19ce9d27830c.png\" alt=\"Click the embed button, your video\n from Animoto will be displayed \" class=\"wp-image-16266352\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190145706-010f41ce-21d2-4169-a2a7-19ce9d27830c.png 663w, https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190145706-010f41ce-21d2-4169-a2a7-19ce9d27830c-300x211.png 300w\" sizes=\"auto, (max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you use a URL that can\u2019t be embedded, the block shows the message \u201cSorry, this content could not be embedded.\u201d You will have two choices: <strong>Try again<\/strong> with a different URL or <strong>Convert to link<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"782\" height=\"386\" src=\"https:\/\/wordpress.org\/documentation\/files\/2020\/07\/327205368-02fbc5b2-37df-42dd-8094-27e7c03b1ec7.png\" alt=\"Error message when you cannot embed a URL in the Animoto block\" class=\"wp-image-16367833\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2020\/07\/327205368-02fbc5b2-37df-42dd-8094-27e7c03b1ec7.png 782w, https:\/\/wordpress.org\/documentation\/files\/2020\/07\/327205368-02fbc5b2-37df-42dd-8094-27e7c03b1ec7-300x148.png 300w, https:\/\/wordpress.org\/documentation\/files\/2020\/07\/327205368-02fbc5b2-37df-42dd-8094-27e7c03b1ec7-768x379.png 768w\" sizes=\"auto, (max-width: 782px) 100vw, 782px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Block toolbar<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Besides the Mover and Drag &amp; Drop Handle, the Block Toolbar for the Animoto embed block shows four buttons:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Transform to<\/li>\n\n\n\n<li>Change alignment<\/li>\n\n\n\n<li>Edit URL, and<\/li>\n\n\n\n<li>More options.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"222\" height=\"61\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190142838-854047d8-136d-4916-83e5-2a173ee78245.png\" alt=\"Block toolbar in the Animoto block\" class=\"wp-image-16266356\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>Transform to<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"313\" height=\"226\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190143533-1fb2b753-4577-405c-b20e-dea7d66d5947.png\" alt=\"Transform options in the Vimeo block\" class=\"wp-image-16266361\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190143533-1fb2b753-4577-405c-b20e-dea7d66d5947.png 313w, https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190143533-1fb2b753-4577-405c-b20e-dea7d66d5947-300x217.png 300w\" sizes=\"auto, (max-width: 313px) 100vw, 313px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The Animoto embed can be transformed into a group. This gives the ability to change the background color around the Animoto embed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"464\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190146059-ea143011-32e2-4403-8318-c63d0b3d8bc2-1024x464.png\" alt=\"Editor view of an Animoto Embed as a group with Color Settings controls\" class=\"wp-image-16266363\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190146059-ea143011-32e2-4403-8318-c63d0b3d8bc2-1024x464.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190146059-ea143011-32e2-4403-8318-c63d0b3d8bc2-300x136.png 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190146059-ea143011-32e2-4403-8318-c63d0b3d8bc2-768x348.png 768w, https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190146059-ea143011-32e2-4403-8318-c63d0b3d8bc2.png 1418w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Editor view of an Animoto Embed as a group with Color Settings controls<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"759\" height=\"479\" src=\"https:\/\/wordpress.org\/documentation\/files\/2020\/09\/Screen-Shot-2020-06-16-at-11.17.21-AM.png\" alt=\"Animoto embed with a blue background.\" class=\"wp-image-13359737\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2020\/09\/Screen-Shot-2020-06-16-at-11.17.21-AM.png 759w, https:\/\/wordpress.org\/documentation\/files\/2020\/09\/Screen-Shot-2020-06-16-at-11.17.21-AM-300x189.png 300w\" sizes=\"auto, (max-width: 759px) 100vw, 759px\" \/><figcaption class=\"wp-element-caption\">Animoto embed with a blue background.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Change alignment <\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"704\" height=\"314\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190144978-39c933be-3336-4fd7-aceb-6dfc19411032.png\" alt=\"Change alignment in the Animoto block\" class=\"wp-image-16266364\" style=\"width:352px;height:157px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190144978-39c933be-3336-4fd7-aceb-6dfc19411032.png 704w, https:\/\/wordpress.org\/documentation\/files\/2022\/12\/190144978-39c933be-3336-4fd7-aceb-6dfc19411032-300x134.png 300w\" sizes=\"auto, (max-width: 704px) 100vw, 704px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Align left<\/strong> &#8211; Make the Animoto post left aligned<\/li>\n\n\n\n<li><strong>Align center<\/strong> &#8211; Make the Animoto post alignment centered<\/li>\n\n\n\n<li><strong>Align right <\/strong>&#8211; Make the&nbsp; Animoto post, align right<\/li>\n\n\n\n<li><strong>Wide width<\/strong> &#8211; Increase the width of the post beyond the content size<\/li>\n\n\n\n<li><strong>Full width<\/strong> &#8211; extend the Animoto post to cover the full width of the screen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Wide width<\/strong> and <strong>Full width<\/strong> alignment need to be enabled by the theme of your site.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Edit URL<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Via the <strong>Edit URL<\/strong>, you can change the Animoto Embed URL in the embed block. Overwrite the existing URL and click on the <strong>Embed<\/strong> Button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"552\" height=\"130\" src=\"https:\/\/wordpress.org\/documentation\/files\/2020\/07\/Screenshot-2026-05-18-at-10.41.16-AM.png\" alt=\"Edit URL in the Animoto block\" class=\"wp-image-16367835\" style=\"width:265px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2020\/07\/Screenshot-2026-05-18-at-10.41.16-AM.png 552w, https:\/\/wordpress.org\/documentation\/files\/2020\/07\/Screenshot-2026-05-18-at-10.41.16-AM-300x71.png 300w\" sizes=\"auto, (max-width: 552px) 100vw, 552px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>More options<\/strong> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These controls give you the option to copy, duplicate, and edit your block as HTML.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\">Read about these and other settings.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Block settings<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>Advanced<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit.<br><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/wordpress.org\/documentation\/files\/2020\/04\/Screen-Shot-2020-04-22-at-10.33.35-AM.png\"><img loading=\"lazy\" decoding=\"async\" width=\"349\" height=\"191\" src=\"https:\/\/wordpress.org\/documentation\/files\/2020\/04\/Screen-Shot-2020-04-22-at-10.33.35-AM.png\" alt=\"The advanced section lets you add a CSS class to your block.\" class=\"wp-image-12714391\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2020\/04\/Screen-Shot-2020-04-22-at-10.33.35-AM.png 349w, https:\/\/wordpress.org\/documentation\/files\/2020\/04\/Screen-Shot-2020-04-22-at-10.33.35-AM-300x164.png 300w\" sizes=\"auto, (max-width: 349px) 100vw, 349px\" \/><\/a><figcaption class=\"wp-element-caption\">The advanced section lets you add a CSS class to your block.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-group changelog has-very-dark-gray-color has-very-light-gray-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<h2 id=\"changelog\" class=\"wp-block-heading has-medium-font-size\">Changelog <\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Updated 2022-11-26\n<ul class=\"wp-block-list\">\n<li>Removed redundant content <\/li>\n\n\n\n<li>Added alt text to images <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2020-09-04\n<ul class=\"wp-block-list\">\n<li>Screenshots updated to 5.5<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2020-08-18\n<ul class=\"wp-block-list\">\n<li>Replaced \u201cMore Options\u201d \u2013 new screenshot<\/li>\n\n\n\n<li>Added \u201cMove To\u201d and \u201cCopy\u201d section under More Options<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Update 2020-08-10\n<ul class=\"wp-block-list\">\n<li>fixed graphics, captions, removed residue from the template.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Created 2020-07-05<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Go back to the list of Blocks With the Animoto Embed block, you can embed your own Animoto video which you have created on your Animoto account. You need an account to create\/customize your own videos and embed them into your post. A user who does not have an Animoto account can play the full [&hellip;]<\/p>\n","protected":false},"author":16264234,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false},"category":[80,89],"class_list":["post-13062420","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-embed-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13062420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/types\/helphub_article"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=13062420"}],"version-history":[{"count":3,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13062420\/revisions"}],"predecessor-version":[{"id":16367836,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13062420\/revisions\/16367836"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wporg\/v1\/users\/khushbu1983"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13062420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13062420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}