I video in HTML5 possiedono una caratteristica interessante: le immagini segnaposto. Infatti tramite l'attributo poster dell'elemento video possiamo specificare un'immagine che verrà visualizzata mentre il video si sta caricando.
Ecco come usare questo attributo:
<video controls poster="linktoposter.jpg" width="640" height="360" controls="controls">
<source src="linktovideo.mp4" type="video/mp4">
<source src="linktovideo.webm" type="video/webm">
<source src="linktovideo.ogv" type="video/ogg">
<p>Testo alternativo.</p>
</video>
poster prende come valore il percorso relativo o assoluto all'immagine da usare come segnaposto. Usarlo ci permette di evitare all'utente l'esperienza fastidiosa dell'attesa del caricamento.