Embedding the Dynamic Media Video or Image viewer on a web page

Last update: May 3, 2023

CREATED FOR:

  • User
CAUTION
AEM 6.4 has reached the end of extended support and this documentation is no longer updated. For further details, see our technical support periods. Find the supported versions here.

Use the Embed Code feature when you want to play the video or view an asset embedded on a web page. You copy the embed code to the clipboard so you can paste it in your web pages. Editing of the code is not permitted in the Embed Code dialog box.

You embed URLs only if you are not using Experience Manager as your WCM. If you are using Experience Manager as your WCM, you add the assets directly on your page.

See Linking URLs to your Web Application.

See Delivering Optimized Images for a Responsive Site.

NOTE
The embed code is not available to copy until you have published the selected asset. In addition, you must also publish the viewer preset or image preset.

To embed the Dynamic Media Video or Image viewer on a web page:

  1. Navigate to the published video or image asset whose embed code you want to copy.

    Remember that the embed code is only available to copy after you have first published the assets. In addition, the viewer preset or image preset must also be published.

    See Publishing Assets.

    See Publishing Viewer Presets.

    See Publishing Image Presets.

  2. In the left rail, select the drop-down menu and tap Viewers.

  3. In the left rail, tap a viewer preset name. The viewer preset is applied to the asset.

  4. Tap Embed.

  5. In the Embed Code dialog box, copy the entire code to the clipboard, and then tap Close.

  6. Paste the embed code into your web pages.

Using HTTP/2 to deliver your Dynamic Media assets

HTTP/2 is the new, updated web protocol that improves the way browsers and servers communicate. It provides faster transfer of information and reduces the amount of processing power that is needed. Delivery of Dynamic Media assets can now be over HTTP/2 which provides better response and load times.

See HTTP2 Delivery of Content for complete details on getting started using HTTP/2 with your Dynamic Media account.

Previous page
Next page

Experience Manager


The Perfect Blend: A New Era of Collaboration with AEM and Workfront

Adobe Customer Success Webinars

Wednesday, Apr 2, 5:00 PM UTC

Explore how Adobe Experience Manager and Workfront integrate to help teams move from ideation to delivery without the usual bottlenecks, ensuring content is organized, on-brand, and ready to go live faster.

Register

Connect with Experience League at Summit!

Get front-row access to top sessions, hands-on activities, and networking—wherever you are!

Learn more

Register now