YouTube
Mit dem YouTube-Block bindest du Videos von YouTube direkt in deine Website ein. Das Video wird in einem responsiven Player angezeigt, der sich automatisch an verschiedene Bildschirmgrößen anpasst. Du kannst die Größe und Position des Videos anpassen.
Voraussetzungen
Du benötigst die URL eines YouTube-Videos, das du einbetten möchtest. Das Video sollte öffentlich zugänglich sein.
Aufbau der Seite
Video-Link: Die URL des YouTube-Videos Titel: Beschreibender Titel für das Video (für Barrierefreiheit) Breite: Maximale Breite des Video-Players in Pixeln Höhe: Wird automatisch im 16:9-Format berechnet Video zentrieren: Schalter für mittige Ausrichtung des Videos
So arbeitest du mit dieser Seite
YouTube-Link einfügen:
- Gehe zu dem YouTube-Video, das du einbetten möchtest
- Kopiere die URL aus der Adresszeile des Browsers
- Füge die komplette URL in das Feld "Video-Link" ein
- Beispiel: "https://www.youtube.com/watch?v=dQw4w9WgXcQ"
Titel festlegen:
- Gib einen beschreibenden Titel für das Video ein
- Dieser wird für Screenreader und Suchmaschinen verwendet
- Beispiel: "Produktvorstellung unseres neuen Services"
Größe anpassen:
- Breite: Stelle die maximale Breite in Pixeln ein (Standard: 560px)
- Höhe: Wird automatisch im 16:9-Verhältnis berechnet
- Größere Werte = größeres Video (bis zur verfügbaren Platzbreite)
Position bestimmen:
- Zentriert: Video wird in der Mitte der Seite angezeigt
- Linksbündig: Video wird am linken Rand ausgerichtet
Tipps und Hinweise
- Unterstützte URLs: Alle Standard-YouTube-Links funktionieren
- Automatische Erkennung: Das System extrahiert automatisch die Video-ID
- Responsive Design: Das Video passt sich automatisch an kleinere Bildschirme an
- 16:9-Format: Das Seitenverhältnis wird automatisch beibehalten
- Lazy Loading: Videos werden erst geladen, wenn sie sichtbar werden
- Datenschutz: Es wird die Standard-YouTube-Einbettung verwendet
- Mobile Optimierung: Auf Smartphones wird das Video automatisch angepasst
- Barrierefreiheit: Der Titel wird für Screenreader verwendet
Unterstützte URL-Formate
- Standard: "https://www.youtube.com/watch?v=VIDEO_ID"
- Kurz: "https://youtu.be/VIDEO_ID"
- Mit Zeitstempel: "https://www.youtube.com/watch?v=VIDEO_ID&t=30s"
- Playlist: "https://www.youtube.com/watch?v=VIDEO_ID&list=PLAYLIST_ID"