Adding a Video to a Webpage

Body

Cascade 3.0 | Cascade 4.0

There are several media repositories that store videos and provide shareable links. This article specifically reviews the process of adding a video via CSU Chico Media/ Kaltura, the university’s media repository.

Requirements

The video must be captioned before publishing to the web.

Submit a Captioning Support Service ticket to edit and correct your captions. The video will be captioned by the TEIN department.

Gathering your Video Embed Code

  1. Upload your video to Kaltura and submit a captioning ticket. It is recommended not to continue this process until your video is captioned.
  2. Access your Kaltura account and open the captioned video.
  3. Open the Share tab underneath the transcript. Select the embed option and copy the code.
    Can't find the embed option? Make sure you're logged in to Kaltura.
    enter the share tab to copy the embed code used to display a video into a webpage
  4. Edit your embed code to remove the id tag, frameborder and add the title of the video.
    Recommendation: Copy and edit the embed code into a Notepad file or word editor for easier access.
    Embed code example with arrows pointing at the id tag, frameborder, and title tag.
  5. Wrap your embed code with a responsive class. The embed code is ready to be added to the webpage.
    Example of a completed embed code with the proper editing.

Placing Your Video on a Webpage Within Cascade 3.0

  1. Complete the Gathering Your Video Embed Code section
  2. Locate the webpage where the embed code will be placed.
  3. Open the edit window, find a suitable location for your video and select the video icon. A pop-up window will appear.
  4. Select the embed tab and past your embed code in the text box.

Placing Your Video on a Webpage Within Cascade 4.0

  1. Complete the Gathering Your Video Embed Code section
  2. Locate the webpage where the embed code will be placed.
  3. Add a Video Embed component.
  4. Enter the video title and your embed code in the appropriate text boxes.

Details

Details

Article ID: 96278
Created
Wed 1/22/20 2:25 PM
Modified
Thu 9/19/24 7:28 PM