Share and embed media in Rich Media CMS


About

Embedding adds media directly to a website or application, so viewers can watch without leaving the page.

On the Share & Embed page in the Rich Media CMS, you can get an embed code for any media entry. You can also preview the media, choose a player, and set how the media appears when it's embedded.

Open the Share & Embed page

  1. Log in to your Rich Media CMS.
  2. The Entries page displays.
  3. Find the media entry you want to embed, and click its title or thumbnail.

    The entry details page opens.

  4. Below the media thumbnail, click Share & Embed.

    The Share & Embed page opens.

Page overview

The Share & Embed page has a preview of the media on the left and the embed panel on the right.

  • Preview - Shows the media in the selected player, so you can check how it looks before you embed it.
  • Select Player - The dropdown at the top of the page, where you choose the player for the embed.
  • Settings icon - Next to Select Player. Click it to change the order of the players in the list.
  • Expand / hide panel icon - At the top right. Click it to show or hide the embed panel.
  • Embed panel - Holds the embed code, the preview links, and the embed options.

Get an embed code

1. Select a player from the Select Player dropdown. To find a player, search for its name in the list.

For more information about players, see Introduction to the Player Studio.

2. Click Advanced settings, and select an embed type from the Embed type dropdown.

The following options are available:

  • Dynamic Embed - The recommended way to embed the Kaltura player dynamically in websites and web applications.
  • Iframe Embed (default) - Uses no page JavaScript, so it works on sites that don't allow third-party JavaScript. It meets stricter page security requirements and supports HTML5 delivery.
  • Auto Embed - Short embed code that quickly adds a player or widget to a page, without runtime customization.
  • Thumbnail Embed - Shows the video thumbnail until the viewer clicks play, and only then loads the player. This helps pages with many players load faster.

If you use access control profiles with a V7 player, domain restriction isn't supported with Iframe Embed. The referrer is taken from the parent domain, and the iframe can't access parent domains.

For examples of the code each embed type generates, see Embed code examples for Kaltura players.

3. (Optional) Turn on any of the following:

  • Support for HTTPS embed code - Use this if the player will be on pages delivered over HTTPS. The HTTPS embed code uses protocol-relative URLs, so the same code also works on pages that aren't secure.
  • Responsive - The player adjusts to the size of its container, so it looks right on any device. If Responsive is off, the embed code uses the width and height set in the player's Default player ratio in Studio.

4. In the Embed Code box, click Copy.

5. Paste the code into your website or platform.

Preview the media

To see the media with the selected player on its own page, click the Standalone Preview link, or scan the QR code under Scan Code for Mobile Preview with your mobile device.

The standalone preview link and QR code are only for checking how the media looks. Don't share them with viewers or add them to your website. Use the embed code instead.

Was this article helpful?
Thank you for your feedback!
User Icon

Thank you! Your comment has been submitted.

In this article
Related articles