Skip to main content

External

AEM editors can use the external component to embed a Vimeo video on an AEM page.

To embed content from any other external application, contact webcoord@concordia.ca.

Uses

The external component embeds content from an external site. The content can be basic HTML or more complex media such as Vimeo videos.

For example, the Mel Hoppenheim School of Cinema uses the external component to share highlights of student work hosted on Vimeo:

Best practices

YouTube Videos

Use the YouTube Video component.

Videos hosted on Pegasus

Use the Media Player component.

All other non-Vimeo content

Embedded content can create security risks and/or a poor user experience.

If you're thinking of using non-Vimeo content in an external component, contact webcoord@concordia.ca. They'll check whether the content meets Concordia's security and accessibility standards. If it does, they'll embed it in an external component for you.

Vimeo videos

  1. Add an external component to a suitable place on your page.
  2. Open the component for editing.
  3. Fill in the Target application with the Vimeo path. Use the format //player.vimeo.com/video/ ending with a unique multi-digit ID, e.g., //player.vimeo.com/video/120448578
Screenshot of external component settings. Target application is set to //player.vimeo.com/video/120448578. Height is set to 400.
  1. Leave the box beside Pass parameters blank.
  2. Width and height:
    • Set the height to 400.
    • Leave the width blank. It will automatically adjust based on the height.
    • Click OK. The Vimeo video will automatically be centred horizontally and vertically.
    • If the video size isn't optimal, adjust the height.
    • To add space below the video, add a separator component.

Accessibility

  • Vimeo videos must have captions.
Back to top

© Concordia University