Sencillo post para repasar el atributo poster HTML5, su funcionalidad es la de establecer una imagen de preview por defecto en los reproductores de vídeo. En la etiqueta audio no existe este atributo.
Otros post de HTML5 con información y ejemplos relevantes de vídeo y audio son:
Os voy a poner la sencilla sintaxis de este nuevo atributo para vídeo extraída de su web oficial:
<video width="600" height="400" controls poster="/imagen-preview.png"> <source src="video.mp4" type="video/mp4"> </video>
Tal y como se aprecia en el código superior solo hay que añadir el atributo poster con la ruta de la imagen que hará de preview en el reproductor de vídeo.
Vayamos con un práctico ejemplo del atributo poster:
<video width="320" height="180" controls poster="027-ejemplo-etiqueta-video-html5-poster.png"> <source src="011-html5-video-golden_gate_bridge_timelapse_hd_stock_video.mp4" type="video/mp4"> Tu navegador no soporta HTML5 video. </video>
Os explico el ejemplo superior:
Os pongo una imagen de ejemplo: