MediaSpace: Embedding Media in a Web Page or Powerpoint

Instructions:

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 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 posting 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.

Further reading:

MediaSpace user manual is available from Kaltura Support

Need additional help?

Please fill out the Streaming Media Hosting web form with as much information as possible, contact the Technology Help Desk to locate your local campus contact information, or contact the Service Desk at 603-862-4242.