Descripción
El atributo poster en HTML se utiliza con el elemento video. Este atributo especifica una imagen que se muestra como una vista previa o un cartel del video hasta que el usuario reproduce el video.
La imagen del poster se muestra en la pantalla del reproductor de video antes de que comience la reproducción del video. Si no se especifica el atributo poster, se mostrará el primer fotograma del video.
Sintaxis
La sintaxis para el atributo poster es bastante simple. Solo necesita especificar la ruta de la imagen que desea utilizar como vista previa del video.
<video poster="ruta/poster.jpg">
Elemento Padre
Ejemplo
A continuación, se muestra un ejemplo de cómo usar el atributo poster en HTML:
<video poster="imagenes/previa.jpg" controls>
<source src="videos/mivideo.mp4" type="video/mp4">
</video>
En este ejemplo, imagenes/previa.jpg es la imagen de vista previa que se mostrará antes de que el usuario reproduzca el video videos/mivideo.mp4.
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.