Video Poster
Das poster-Attribut
Nicht jedes Video beginnt gleich mit einem spannenden ersten Bild. Mit einem Video-Poster - einer Bilddatei - kannst du einen Start-Zustand im Player gestalten, ohne in den Film selber eingreifen zu müssen.
Damit besteht eine einfache Möglichkeit, dem Video einladende Botschaften vorzuschalten.
Das Posterbild wird logischerweise in den Browser geladen, bevor die Video-Datei geladen oder gestreamt wird. Es wird angezeigt, bis der Benutzer den Abspiel-Button drückt.
<video poster="images/myPoster.png" controls>
<!-- ... -->
</video>
Vorschau (unformatiert)
Tipp: Wenn du die gleichen Proportionen für das Poster-Bild wie im Video definierst, wird der Effekt viel hübscher sein, weil dann die ganze Fläche des Players mit dem Poster abgedeckt wird.