How do I embed external videos without uploading them?

How do you embed a video without having to upload it directly to the project?

Start in your knowtion project:

1. Create a text/image page and select the “Text Only” page layout.

2. Enter a space in the header.

3. Copy the following code:

   <iframe title="desired title" frameborder="0" width="1200" height="675" style="position:absolute;top:0;left:0;width:100%;height:100%" src="https://www.youtube.com/embed/_fYUaTA9dTI?si=IJqkcTtjM0LlW-KT" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe>

4. Important: Paste the link as “text only” in the text field on the page.

   This can be done using the shortcuts “CTRL+SHIFT+V” (Windows) or Cmd+Shift+V (Mac), or by right-clicking on the paste options.

5. Save page

   

   Tip: Enter the code in the “Ideas and notes” field now!
   
   Once you leave the project page or switch to the “Project preview” and ‘Export’ areas, it will no longer be visible in the text field. However, it will still be visible in the “Ideas and notes” field, which makes it much easier to make adjustments to the code.

   Now you need the URL of the video you want to add

6. Copy the embedded link of the video you want to add to your knowtion project.

   This is how it works on youtube:

   • Click the “Share” button below the target video.

     

   • Click on “Embed”...

     

     ... opens the “embedded code.” In this code, the URL after “src=” is relevant.

     

   • Copy this line and return to knowtion.

   Back in knowtion:

7. The link after “src=” in our text field is replaced by the target link you just copied. (Again, make sure to select the “text only” option.)

8. The desired title of the video is specified after “title=”.

9. Save page!

   

   Don't forget: Update the code in “Ideas and Notes” as well.

In the page and project preview, as well as in the exported project, the embedded video is displayed full-screen and can be started by clicking on it.