Atributo poster HTML5 em vídeo

Ejemplos del atributo poster HTML5 en vídeo
Vayamos con un práctico ejemplo del atributo poster:

XHTML

<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:

• Tenemos la etiqueta video con los atributos height y width para dar las dimesiones del vídeo.
• Con el atributo controls mostramos los controles del player (play, pause, volumen…).
• Con el atributo poster establecemos la imagen de preview.
• En la etiqueta source establecemos la ruta (src) del vídeo a reproducir y definimos el tipo (video/mp4).
• En caso de que el navegador no soporte esta etiqueta mostramos un mensaje por pantalla.