MediaSpace: Embedding Media in a Web Page or Powerpoint


This article describes how to embed media in a web page or Powerpoint in MediaSpace.

MediaSpace allows users to upload, manage, and share media.


One means of sharing media items is by embedding them within a web page, a post to a blog, or on social media. Embedding the item, unlike just providing a link to the media will mean that the media is displayed as part of the content of the page.

Note: While Powerpoint 2016 also accepts embed codes, it is not recommended to embed video in slides. It is not always reliable, and we still recommend that you link to your video in MediaSpace using the video's page url.

To embed a media item in your web page, you must first upload it to MediaSpace and have it in your My Media collection.

Embedding Solutions and Availability

MediaSpace supports two types of embedding. The first is a traditional embed code which is a large block of HTML code containing an iframe object that you can include within your page. The second is a system known as oEmbed that simplifies the process. Many social media platforms, blogs, and content management system support oEmbed, but they might need configuration to support UNH's MediaSpace instance. That configuration is beyond the scope of this article, and if you have questions about how to make your web hosting platform service work with MediaSpace, contact the administrators of that platform.

For use within UNH websites, oEmbed is supported within the myPages personal website service, and we recommend you use oEmbed when it is available as it is similar and less likely to have issues. The Drupal content management system that is used for most official UNH websites can support oEmbed, but it is only enabled for newer UNH sites at this time. It will be coming in the future to all sites.  For the time being, check with the Web and Mobile development staff about your particular site and whether to use oEmbed or traditional embed codes when trying to embed media from MediaSpace within your UNH Drupal-based website.

Embedding via oEmbed

  1. On your My Media page, locate the item you wish to embed, and click on its title to view that item.
  2. The media item must be set to be Unlisted or published to a Public channel for oEmbed to work. From the Actions menu, select + Publish. If the media item is set to Private, change it to Unlisted and click the Save button. (You can also publish it to a Public channel instead of making it Unlisted, but Unlisted is simpler in most cases.)
  3. Click the Share button below the media item:
  4. Click the oEmbed button to display the oEmbed code for the media item. It will only be a one line URL.
  5. Copy the provided URL.
  6. Within the appropriate location in your web page, paste in the oEmbed code. Exactly how this will be supported will vary from platform to platform. You may just need to paste in the URL directly. You might need to click a button to specifically add an oEmbed media item. Within myPages or Drupal-based websites at UNH, use the Media browser function to create a new Web media item. See the documentation for your web platform for details.

Note that by posted the oEmbed code in your website you are making the media item available to all of the Internet. If you wish to block oEmbed functions for that media item in the future, change the publishing settings in MediaSpace so that the video is no longer Unlisted or in a Public channel.

Embedding via Traditional Embed Codes

  1. On your My Media page, locate the item you wish to embed, and click on its title to view that item.
  2. Click the Share button below the media item:
  3. Click the Embed button to display the embed code for the media item.
  4. Optionally, pick choices for the Player Skin and Player Size to be used.
  5. Select the entire block of text shown that starts with <iframe id="kaltura_player". Copy it via the CTRL-C/CMD-C shortcut or the Edit menu of your browser.
  6. Within the appropriate location in your web page, paste the code. You may have to switch to an editing mode that allows you to see the HTML for the page instead of a WYSIWYG edit. Be sure you do not make any modification to the code.

Note the warning that by copying and posting the embed code in your website you are making the media item available to all of the Internet, regardless of whether the item is set to be Private or not within MediaSpace.

For more information about MediaSpace and sharing media, a detailed MediaSpace user manual is available from Kaltura Support


Need Additional Help?

Please contact the Service Desk as 603-862-4242
Please fill out the Streaming Media Hosting web form with as much information as possible, or contact the ET&S Help Desk team on your local campus.

100% helpful - 1 review


Article ID: 1441
Fri 7/19/19 6:05 PM
Tue 2/16/21 1:22 PM
Applicable Institution(s):
Granite State College (GSC)
Keene State College (KSC)
Plymouth State University (PSU)
University of New Hampshire (UNH)