¿Qué son los pósteres de video?
Los pósteres de video son imágenes estáticas que se muestran antes de que comience la reproducción o mientras los datos del video no estén disponibles. Un póster debería representar el contenido con claridad en las dimensiones y el recorte que utilice el reproductor.
Cómo funcionan los pósteres de video
Un póster se obtiene y se dibuja independientemente de los fotogramas del video, lo que permite al reproductor reservar un estado visual antes de que comience la decodificación. La imagen elegida suele pasar por el mismo pipeline de generación de imágenes derivadas que las miniaturas, con tamaños o recortes alternativos para distintos diseños. Es diferente del primer fotograma del flujo y puede permanecer visible cuando se pospone la carga del contenido multimedia. La producción del póster se sitúa cerca de la publicación, después de la selección editorial y antes de que se renderice la página o la aplicación.
Datos clave
- Las dimensiones intrínsecas del póster y las reglas de relación de aspecto y object-fit del reproductor determinan el recorte; las relaciones de aspecto que no coinciden pueden eliminar rostros, texto u otro contenido clave.
- Los fotogramas del video sustituyen al póster una vez que comienza la reproducción, pero, cuando falla la carga o la decodificación, los navegadores suelen dejarlo visible sin ninguna indicación de error, por lo que no conviene confiar en él para comunicar que un códec no es compatible o que el decodificador ha fallado.
- El elemento de video no ofrece un campo de texto alternativo independiente para su póster; los títulos, las etiquetas, los subtítulos o las transcripciones que aparecen cerca deben proporcionar un contexto accesible.
Cuándo son importantes los pósteres de video
Selecciona un póster que siga siendo reconocible tanto en las tarjetas del catálogo como en el reproductor completo. La falta de dimensiones o los recortes inadecuados pueden causar desplazamientos en el diseño, ocultar sujetos o representar incorrectamente el video.