Breadcrumbs

Embed a YouTube video in a training module

This guide provides step-by-step instructions for integrating a YouTube video into the Kubo platform's training module.

With this integration, students will be able to watch the content directly in the environment, without having to open the video in another tab.

This procedure can also be used with other platforms that provide HTML embed code. Just follow the same process described below, adapting as necessary.

Instructions

  1. Access the desired video on YouTube

  2. Click the Share button below the video

  3. Click the Embed button to view the iframe code

The location or name of these options may change over time as the YouTube platform is updated. If you have any difficulties, please refer to YouTube's official documentation for updated instructions.

  1. Copy all of the iframe code displayed

  2. Access the video module in Kubo

  3. In the Type field, select the HTML option

  4. In the HTML field, paste the iframe code copied in step 4

  5. Change the width and height attributes to 100% so that the video occupies the entire area available in the module

💡

Example:

Before:

<iframe width="560" height="315" src="https://www.youtube.com/embed/C7zi3qZibtY?si=32c0HN5KkOB1u-5J" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

Then:

<iframe width="100%" height="100%" src="https://www.youtube.com/embed/C7zi3qZibtY?si=32c0HN5KkOB1u-5J" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

  1. After reviewing the other information in the module, click the Save button