Videos mit Poster
Poster sorgen für einen sauberen ersten Eindruck.
Das Thema dieser Seite: Ohne Poster bleibt das Video leer oder zeigt einen zufälligen Frame.
Inhalt
Inhaltsverzeichnis
Klicke auf einen Abschnitt, um direkt dorthin zu springen.
Check
Der Check prüft, ob eingebettete Videos ein poster-Attribut besitzen. Fehlt es,
ist der erste Eindruck unklar und der Start wirkt leer.
| Prüfpunkt | Bedeutung | Bewertung |
|---|---|---|
| Poster gesetzt | Sauberer erster Eindruck | OK |
| Poster fehlt | Leerer Frame | Warnung |
| Poster defekt | Kaputte Darstellung | Kritisch |
Kontext & Problemraum
Videos sind oft oberhalb der Falz sichtbar. Ein fehlendes Poster wirkt wie ein leeres Element und verschlechtert die Wahrnehmung.
| Situation | Symptom | Risiko |
|---|---|---|
| Hero-Video ohne Poster | Schwarzer Frame | Unprofessioneller Eindruck |
| Video unterhalb der Falz | Keine Vorschau | Weniger Interaktion |
| Poster-Bild 404 | Broken Thumbnail | Vertrauensverlust |
Entscheidungslogik
Wann ein Poster zwingend ist.
| Wenn | Dann | Empfehlung |
|---|---|---|
| Video sichtbar beim Laden | Poster benötigt | Sauberes Thumbnail setzen |
| Video erst nach Klick | Poster optional | Poster trotzdem für Preview |
| Mehrere Videos auf Seite | Einheitliches Preview | Standardisierte Poster verwenden |
Erklärende Details
Poster sind statische Bilder, die vor dem Abspielen gezeigt werden. Sie helfen, Inhalte klar zu kommunizieren.
Beispiel: Video mit Poster
<video controls poster="/img/video-preview.jpg" width="960" height="540">
<source src="/video/demo.mp4" type="video/mp4" />
</video>
Risiken, Grenzen & Einschränkungen
| Risiko | Folge | Gegenmaßnahme |
|---|---|---|
| Poster zu groß | Unnötige Ladezeit | Poster optimieren und komprimieren |
| Poster zeigt falschen Inhalt | Irreführung | Poster aus echter Szene wählen |
| Poster fehlt bei Hero-Video | Schlechter Ersteindruck | Fix in Template erzwingen |
Interne Vernetzung
Verwandte Checks: Kein Autoplay-Video oben, Bilder nicht zu groß, Anzahl Requests.