Embed allows third-party content to be added to a page.

Media can be added from a supported URL, a pre-configured embeddable URL, or with safe freeform HTML.

For general information about the Embed Core Component, refer to AEM's Embed Component documentation.


Vimeo workaround

Apply the Vimeo Workaround style to make Vimeo videos responsive.


Embedded tweet examples


Decorative treatment

The decorative treatment should be used to emphasize embedded content that is central to the content of the page. This style is also available to add to an image. Do not overuse the decorative treatment.

There are three options for the decorative treatment types:

  • Bottom left corner
  • Top right corner
  • Hard dropshadow

The bottom left and top right corner treatments will be 60% of the embedded content’s width and height.

There are four color options to choose from to apply to the decorative treatment:

  • Primary accent
  • Secondary accent
  • Primary gradient
  • Secondary gradient

Bottom left corner, primary accent

Top right corner, secondary accent

Hard dropshadow, primary gradient

Hard dropshadow, secondary gradient


Top margin

Default

Increase by two steps

Increase by one step

Decrease by one step

Decrease by two steps

Remove