HTML: Einbinden fremder Inhalte (Bilder, Videos)
Das Inhaltselement HTML ist immer dann erforderlich, wenn Du fremde Inhalte, wie z.B.: Bilder oder Videos, welche auf fremden Seiten z.B.: Youtube liegen, einbinden willst, und diese von Text umschlossen (gefloated) werden sollen. Willst Du fremde Inhalte ohne angepasstes Layout anzeigen, ist das Spezial Element Datensätze einfügen besser geeignet.
Wie Du Datenbankabfragen in Deine Seite intergrieren kannst, erklären wir später hier: Datenbankabfragen integieren.
Einbinden eines Youtube Videos:
Exemplarisch erklären wir hier das Einbinden eines Youtube Videos.
Um den Code zum Einbinden zu erhalten, klicke unterhalb des gewünschten Videos auf der Youtube Seite auf -> TEILEN
Wähle Einbetten aus -> wähle beide Optionen zum Einbetten aus -> Kopieren -> füge den Code an die gewünschte Stelle des Inhaltselement HTML ein.
Die Größe des eingebettenden Videos kannst Du in der iframe Codezeile via width (Breite) und height (Höhe) anpassen. Um das Seitenverhältnis des Videos nicht zu zerstören, müssen die Werte proportional zueinander sein.
Möchtest Du Deinen Text wie in diesem Beispiel um das Video fließen lassen, ergänze die iframe Codezeile am Ende nach allowfullscreen um den Befehl style="float:right;"" oder ggf. um style="float:left;""
Der gesamte Code könnte z.B. so aussehen:
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/baMzuQ4PWgk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="float:right;"></iframe>
Für weitere Einstellungen beachte Konfiguration für alle Inhaltselemente.
