Adding Media

You can add videos, images, and oth­er media to your course using links or by embed­ding them in your course con­tent on an HTML page.

Embedding Videos

Embed­ding videos pro­vides a more seam­less user expe­ri­ence as stu­dents can watch the video with­in the course con­tent with­out hav­ing to nav­i­gate to an exter­nal web­site. It ensures that the video will be dis­played con­sis­tent­ly across dif­fer­ent devices and browsers, where­as exter­nal links may behave dif­fer­ent­ly depend­ing on the user’s set­up. Embed­ding allows you to cus­tomize the video play­er’s appear­ance and func­tion­al­i­ty to bet­ter suit the course con­tent and learn­ing objec­tives.

Fol­low the steps below to embed a videos on an HTML page. (See the Course Builder page for more infor­ma­tion about HTML pages)

  1. Add YouTube videos to col­lec­tion. (To embed a video from your exist­ing Kaltura My Media col­lec­tion move to step 2).

Nav­i­gate to Tools > Kaltura My Media. Next, click the blue but­ton that says + Cre­ate. Select YouTube.

Paste the video link and click Pre­view.

From here, you can change the name, enter a descrip­tion, apply a tag and change pub­lish­ing sta­tus. *Tip: add a tag that includes the course name or code to make it eas­i­er to search for it in you col­lec­tion.

  1. Embed record­ed videos or YouTube videos. Once the video has been added to your col­lec­tion, you can embed it from your Kaltura My Media gallery.

Nav­i­gate to the HTML page where you want to embed the video.

Click the 3 dots to access the Edit tool.

Click the Insert Stuff icon found on the HTML Edi­tor tool bar.

Select Embed Kaltura Media 1.3.

Choose the video from your col­lec­tion you want to embed and click </> Embed.

Pre­view and click Insert.

  1. Embed videos host­ed on oth­er plat­forms. There are some videos that can’t be added to your Kaltura My Media gallery (e.g., Vimeo). If the host­ing plat­form pro­vides the embed code, these videos can be embed­ded on your course HTML pages.

To locate the embed code click on the videos share icon.

Then click Embed and </> Copy embed code.

Nav­i­gate to the HTML page where you want to embed the video (see the Course Builder page for more infor­ma­tion about HTML pages).

Click the 3 dots to access the Edit tool.

Click the Insert Stuff icon found on the HTML Edi­tor tool bar.

Select Enter Embed Code.

Paste the embed code into the Embed Code win­dow. Click Next.

Pre­view and click Insert.

Embedding Images

Includ­ing images in cours­es can improve clar­i­ty and engage­ment by help­ing stu­dents quick­ly under­stand con­cepts that may be dif­fi­cult to grasp through text alone. Well-cho­sen visu­als can sup­port dif­fer­ent learn­ing styles, rein­force key ideas, and make course con­tent more approach­able and eas­i­er to nav­i­gate. Images can be added in var­i­ous for­mats, such as .PNG (best for resiz­able line art/icons) and .JPG (best for pho­tos).

Fol­low the steps below to embed a images on an HTML page.

  1. Nav­i­gate to the page that you want to embed the image on. Click Insert Image.