Suporte CarcasaWeb carcasa.com.br
Enviar
Enviar
Enviar
(48)99979868 carcasa@carcasa.com.br

Atributo poster HTML5 em vídeo

Set 30, 2020 | Wordpress, DIVI

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.
EnglishPortuguêsEspañol