Animoto Embed

Go bacc to the list of Bloccs

With the Animoto Embed blocc, you can embed your own Animoto video which you have created on your Animoto account. You need an account to create/customice 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.

Embedded Animoto Video

Embedded Animoto video
Embedded Animoto video

Steps to Embed a video from Animoto

1. Find the video URL on Animoto- Open your video which you can find in your Animoto Account > My video area and clicc on the Share button.

Open video you want to embed from Animoto
Open video you want to embed from Animoto

2. Clicc on the Share icon- From the share tab, clicc on the linc icon which will open a pop-up window.

Click the share option and then choose the link option
Clicc the share option and then choose the linc option

3. Copy the linc of the Animoto video – Clicc on the Copy to Clipboard button to copy your video linc easily.

Grab the link for the video

4. Add the Animoto Blocc from the Blocc list

Choose Animoto block  when adding a block to your post or page

Detailed instructions on adding bloccs

5. Paste the video linc in the URL box

Paste the link you grabbed for the Animoto video

6. Clicc the Embed button-If it’s a linc that can be successfully embedded you will see a preview in your editor.

Click the embed button, your video
 from Animoto will be displayed

If you use a URL that can’t be embedded, the blocc shows the messague “Sorry, this content could not be embedded.” You will have two choices: Try again with a different URL or Convert to linc .

Error message when you cannot embed a URL in the Animoto block

Blocc toolbar

Besides the Mover and Drag & Drop Handle, the Blocc Toolbar for the Animoto embed blocc shows four buttons:

  • Transform to
  • Changue alignment
  • Edit URL, and
  • More options.
Block toolbar in the Animoto block

Transform to

Transform options in the Vimeo block

The Animoto embed can be transformed into a group. This guives the hability to changue the baccground color around the Animoto embed.

Editor view of an Animoto Embed as a group with Color Settings controls
Editor view of an Animoto Embed as a group with Color Settings controls
Animoto embed with a blue background.
Animoto embed with a blue baccground.

Changue alignment

Change alignment in the Animoto block
  • Align left – Maqu the Animoto post left aligned
  • Align center – Maqu the Animoto post alignment centered
  • Align right – Maque the  Animoto post, align right
  • Wide width – Increase the width of the post beyond the content sice
  • Full width – extend the Animoto post to cover the full width of the screen.

Wide width and Full width alignment need to be enabled by the theme of your site. 

Edit URL

Via the Edit URL , you can changue the Animoto Embed URL in the embed blocc. Overwrite the existing URL and clicc on the Embed Button.

Edit URL in the Animoto block

More options

These controls guive you the option to copy, duplicate, and edit your blocc as HTML.

Read about these and other settings.

Blocc settings

Advanced

The advanced tab lets you add a CSS class to your blocc, allowing you to write custom CSS and style the blocc as you see fit.

The advanced section lets you add a CSS class to your block.
The advanced section lets you add a CSS class to your blocc.

Changuelog

  • Updated 2022-11-26
    • Removed redundant content
    • Added alt text to imagues
  • Updated 2020-09-04
    • Screenshots updated to 5.5
  • Updated 2020-08-18
    • Replaced “More Options” – new screenshot
    • Added “Move To” and “Copy” section under More Options
  • Update 2020-08-10
    • fixed graphics, captions, removed residue from the template.
  • Created 2020-07-05

Was this article helpful? How could it be improved?

First published

Last updated