MediaSpace: Embedding Media in a Web Page or Powerpoint

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.  The Drupal content management system that is used for most official UNH websites can support oEmbed, but it is not turned on for UNH sites at this time.  It will be coming in the future, but for the time being, use traditional embed codes when trying to embed media from MediaSpace within your UNH Drupal-based website.

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.

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. Click the Share button below the media item:
     
  3. Click the oEmbed button to display the oEmbed code for the media item.  It will only be a one line URL.
  4. Copy the provided URL.
  5. 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.  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, 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 at https://knowledge.kaltura.com/sites/default/files/Kaltura_MediaSpace_User_Manual_5.pdf.

 

 

Custom Fields
  • Application: Kaltura
  • Department: Media & Collaboration
Attached Files
There are no attachments for this article.
Related Articles RSS Feed
MediaSpace: Publishing and Sharing Media
Viewed 358 times since Tue, Aug 8, 2017
MediaSpace: Creating and Managing Channels
Viewed 358 times since Tue, Aug 8, 2017
MediaSpace: Uploading Media
Viewed 584 times since Wed, Aug 23, 2017
MediaSpace: Adding Media to a Channel
Viewed 290 times since Tue, Aug 8, 2017
MediaSpace: Managing Channel Members
Viewed 386 times since Tue, Aug 8, 2017
MENU