Wie binde ich externe Videos ohne Upload ein?

Die kurze Antwort ist: Sie können Videos einfach über einen Embed-Link in knowtion einfügen ohne sie dort hochladen zu müssen.

Für das Einbetten sind drei Aktionen nötig (mehr Informationen zu den Aktionen weiter unten im Artikel):

1. Aktion 1: Anlegen einer Text-Bild-Seite ODER Frei gestaltbare Seite und das Erstellen eines iframes

2. Aktion 2: Das Kopieren des Embed-Links

3. Aktion 3: Das Einfügen des Embed-Links in den bereits erstellten iframe

Aktion 1 – im knowtion Projekt

1. Text-Bild-Seite anlegen und Seitenlayout “Nur Text” wählen (den Link für die Frei gestaltbare Seite finden Sie ganz unten am Ende dieser Seite).

2. In der Kopfzeile ein Leerzeichen eingeben.

3. Folgenden Code kopieren und im Textfeld einfügen:

   <iframe title="Wunschtitel" style="position:absolute;top:0;left:0;width:100%;height:100%" src="https://www.youtube.com/embed/_fYUaTA9dTI?si=IJqkcTtjM0LlW-KT"></iframe>

   

   Hinweis: Das einfache “Copy and Paste” überträgt auch Textformatierungen, was zu Anzeigefehlern, bzw zur Fehlermeldung “Ziemlich eng hier….” führt.
   
   Der Code muss daher mit der Option “Nur Text” eingefügt werden.
   Dies ist mit den Shortcuts “STRG+UMSCHALT+V” (Windows) bzw Cmd+Shift+V (Mac) möglich, oder via Rechtsklick bei den Einfüge-Optionen.

4. Seite speichern.

Aktion 2 – auf der Quellenplattform

Auf der Quellenplattform den Embed Link des gewünschten Videos kopieren.

Bei Youtube geht das so:

• “Teilen”-Button unter dem Ziel-Video anklicken.

  

• Ein Klick auf “Einbetten” ...

  

  
  … öffnet den “embedded Code”. In diesem Code ist die URL hinter “src=” relevant.

… wenn das Video zu einem festgelegten Zeitpunkt starten soll (im folgenden Bild zum Beispiel bei Sekunde 15) muss auch diese Information mit übertragen werden. Es ist also wichtig, dass der gesamte Text in den Anführungszeichen nach “src=” übertragen wird.

• Diese Zeile kopieren und in knowtion zurück kehren.

Aktion 3 – im knowtion Projekt

1. Den Link hinter “src=” in unserem Textfeld durch den gerade kopierten Embed-Link ersetzen

Auch hier empfehlen wir beim Einfügen die Variante “Nur Text” zu nutzen.

2. Hinter “title=” wird der Wunsch-Titel des Videos angegeben.
   

3. Seite speichern!

In Seiten- und Projektvorschau, so wie im exportierten Projekt wird das eingebundene Video so seitenfüllend abgebildet und kann durch anklicken gestartet werden.

Einbindung auf Frei gestaltbarer Seite

Wenn Sie sich für die frei gestaltbare Seite entschieden haben, nutzen Sie OHNE Header bitte bei Aktion 1 folgenden Link für den iframe in knowtion in einem Textfeld:

<iframe title="Wunschtitel" style="position:absolute;top:0;left:0;width:100%;height:100%" src="https://www.youtube.com/embed/_fYUaTA9dTI?si=IJqkcTtjM0LlW-KT"></iframe>

MIT Header dann diese Variante:

<iframe title="Wunschtitel" style="position:absolute;top:0;left:0;width:100%;height:80%" src="https://www.youtube.com/embed/_fYUaTA9dTI?si=IJqkcTtjM0LlW-KT"></iframe>