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, 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 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 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 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: Uploading Media
Viewed 1041 times since Wed, Aug 23, 2017
MediaSpace: Publishing and Sharing Media
Viewed 536 times since Tue, Aug 8, 2017
MediaSpace: Managing Channel Members
Viewed 612 times since Tue, Aug 8, 2017
MediaSpace: Creating and Managing Channels
Viewed 549 times since Tue, Aug 8, 2017
MediaSpace: Adding Media to a Channel
Viewed 458 times since Tue, Aug 8, 2017
MENU