Wie binde ich ein YouTube/Vimeo-Video in eine Seite ein?
Frage: Wie binde ich ein YouTube/Vimeo-Video in eine Seite ein?
Das Video Element erlaubt das Einbinden von YouTube-, Vimeo- und Opencast-Videoplayern, sowie das direkte Einbinden von Video- und Audiodateien.
WICHTIG: Bei diesen Vorgehen wird NICHT das Video Modul im CMS sondern das HTML Modul verwendet!
YouTube
Bitte öffnen Sie das gewünschte Video in ihrem Browser.
Klicken Sie nun unterhalb des gewünschten YouTube-Videos erst auf "Teilen", dann auf "Einbetten".
Setzen Sie hier zunächst die drei Häkchen bei
- "Player-Steuerelemente anzeigen",
- "Videotitel und Player-Aktionen anzeigen",
- "Erweiterten Datenschutzmodus aktivieren"
und entfernen Sie alle weitern Häkchen, falls vorhanden.
Der so generierte HTML-Code wird kopiert und in die zweite Zeile eines HTML-Elements im CMS eingefügt.
Nun sind noch folgende Änderungen am Code notwendig:
- Breite anpassen
width="560" ==> width="420" - Höhe über Dreisatz korrigieren
height="315" ==> height="237" - Empfehlung: autoplay deaktiveren:
allow="autoplay; encrypted-media" ==> allow="encrypted-media"
Vimeo
Bitte öffnen Sie das gewünschte Video in ihrem Browser.
Klicken Sie nun innerhalb des gewünschten Vimeo-Videos auf den "Papierflieger" um das Video zu teilen.
Kopieren Sie den Code, der im "Einbetten" Feld generiert wurde. Bitte kopieren Sie nur den Code beginnend bei <iFrame> und endend bei </iFrame>.
Der danach folgenden Code, beginnend mit <p> und endend mit </p>, ist nicht relevant.
Der so generierte HTML-Code wird kopiert und in die zweite Zeile eines HTML-Elements im CMS eingefügt.
Nun sind noch folgende Änderungen am Code notwendig:
- Breite anpassen
width="640" ==> width="420" - Höhe über Dreisatz korrigieren
height="480" ==> height="237" - Empfehlung: autoplay deaktiveren:
allow="autoplay; encrypted-media" ==> allow="encrypted-media"