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
Access the desired video on YouTube
Click the Share button below the video
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.
Copy all of the iframe code displayed
Access the video module in Kubo
In the Type field, select the HTML option
In the HTML field, paste the iframe code copied in step 4
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>
After reviewing the other information in the module, click the Save button