Wie binde ich externe Videos ohne Upload ein?
Schritt für Schritt Anleitung für die Einbindung von Videos von anderen Plattformen wie z.B. Youtube
Wie baut man ein Video ein, ohne dass dies direkt ins Projekt hochgeladen werden muss?
Im knowtion Projekt:
Text/Bild Seite anlegen und Seitenlayout “Nur Text” wählen.
In der Kopfzeile ein Leerzeichen eingeben.
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.Seite speichern.
Auf der Zielplattform:
Den Embedded Link des Zielvideos 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.
Zurück in knowtion:
Den Link hinter “src=” in unserem Textfeld, wird durch den gerade kopierten Ziel-Link ersetzt.
Auch hier empfehlen wir beim Einfügen die Variante “Nur Text” zu nutzen.
Hinter “title=” wird der Wunsch-Titel des Videos angegeben.
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.