Inserting Kaltura Videos into H5P Interactive Videos

Casey Shew Updated by Casey Shew

Directly uploading videos to H5Ps interactive video player is not recommended for eCornell’s use case, both due to constraints on file size and due to complications with maintaining the videos in multiple locations. For this reason, Kaltura-hosted videos should be embedded inside of the H5P interactive video player instead. The following are instructions on how to accomplish this.

eCornell hosts their videos on the Kaltura Management Console. Each video that is hosted on the Kaltura platform has a unique entryID code associated with it. This code is a combination of letters and numbers. When you have a Kaltura-hosted video in mind that you would like to embed in H5P, you must have the video’s entryID. The video’s entryID may also be called the ID on the Kaltura site.

If you do not have the entryID, you can search for the video’s name on Kaltura. Under the column ID, you will find the video’s entryID.

An example of this is shown below.

Once you have the entryID (the example video’s is 1_ycjecrie), you can begin to build your URL linking to your specific Kaltura-hosted video. For brevity’s sake, the main parts of the URL you will need to build are the entryID and the flavorParamId. 

The flavorParamId is short for flavor parameter ID. A video flavor dictates how high-quality of a video the browser will display. eCornell process suggests the following video flavors: 1080p, 720p, and 540p. This is because students’ internet speeds may vary. However, the flavor of the video is different from the flavor parameter ID. In eCornell’s instance of Kaltura, the flavor parameter IDs are as follows: 

1080p → 487091

720p → 487071

540p → 487061

Now you have enough information to start building the URL. Because there are three parameter IDs (487091, 487071, 487061), you will build three URLs. Using the example video, the URLs look like this:

https://www.kaltura.com/p/1284141/sp/128414100/playManifest/entryId/1_ycjecrie/format/url/flavorParamId/487091/video.mp4

https://www.kaltura.com/p/1284141/sp/128414100/playManifest/entryId/1_ycjecrie/format/url/flavorParamId/487071/video.mp4

https://www.kaltura.com/p/1284141/sp/128414100/playManifest/entryId/1_ycjecrie/format/url/flavorParamId/487061/video.mp4

Notice that each URL is the same except for the flavorParamId, which holds eCornell’s flavor parameter IDs.

In your H5P Interactive Video interactive editor, you will paste all three URLs under the “Add a Video*” portion of the fillable field. Each URL will require you to add another video. Once you have inserted the video URL, you will need to update the Video Quality field from Quality 1 to 1080p (and so on for each URL).

Next, save the H5P content, and view your video.

How did we do?

Troubleshooting H5P Elements in Canvas

Adding Subtitles to H5P Interactive Videos

Contact