How to embed Kaltura videos into your website
Kaltura is the streaming video platform provided to all campuses for use with learning management systems (Brightspace) and websites alike. However, the code Kaltura creates for embedding videos requires some adjustments to work with our campus WordPress environment.
If you have a Kaltura-hosted video that you wish to embed on a umaine.edu web page, you can always contact us at um.weboffice@maine.edu, provide the “iframe” code from Kaltura, and we will perform these steps so you can add the video to a page.
First: Obtain the embed code from Kaltura
1. Navigate to your video on video.maine.edu
2. Underneath the video, select the “Share” link which appears beside “Details” and “Attachments”
3. Select the “Embed” link from the sharing options
4. Copy the embed code from the text box (begins with <iframe id=”kaltura_player” )
Second: Paste this code into a text editor
You can use any text editor that has a search and replace function, simple text editors work best (for example, TextEdit on a Mac)
1. Replace all instances of [ with %5B
2. Replace all instances of ] with %5D
3. Replace the <iframe text with [um-iframe
4. Replace the ></iframe> text with ]
5. OPTIONAL: replace the number 44739341 with 44739281 to change the player skin
A note about “player skin”
Kaltura videos have a player “skin” (the controls superimposed over the video) to display a transcript underneath the video. If you do not want this version of the player, step 5 will change the player to a version that only displays the video with playback controls (similar to Youtube hosted videos).