Definición
El componente reproductor de vídeo se utiliza para presentar contenido audiovisual. La funcionalidad del reproductor de vídeo será la misma independientemente del modelo de página en el que se presente.
Para facilitar la accesibilidad y el acceso multidispositivo, el reproductor de vídeo empleará la funcionalidad de vídeo embebido de html5, incluyendo closed captioning. Además, el vídeo se acompañará de metadatos (editor, duración, etc.) y opciones adicionales necesarias por accesibilidad: audio descripción y transcripción (si no hay closed captioning).
Las interacciones contempladas en el reproductor son:
- Pausa y continuación de la reproducción.
- Barra de reproducción (con indicación de la duración del vídeo).
- Activar/desactivar closed captioning.
- Posibilidad de reproducción a pantalla completa.
Una vez reproducido el vídeo, conviene estudiar cuáles son los siguientes pasos razonables que debe dar el usuario tras ver el vídeo, e incluir llamadas a la acción relevantes.
Anatomía
Las partes del vídeo son las siguientes:
- Contenedor
- Indicador de reproductor de vídeo
- Barra de herramientas: Barra de reproducción (con indicación de la duración del vídeo), reproducción a pantalla completa, activar/desactivar closed captioning.
Tipos
Por defecto
Pautas de uso
No reproduzcas vídeos automáticamente
- El vídeo comenzará su reproducción únicamente cuando se pulse el botón de play. La reproducción del vídeo no puede comenzar automáticamente, ya que se trata de una acción intrusiva (activar sonido, implica un consumo de datos significativo) que requiere consentimiento del visitante.
Muestra una imagen representativa mientras el vídeo no esté reproduciéndose
- Mientras el vídeo no se esté reproduciendo, se mostrará una imagen representativa con el título del vídeo y su duración sobreimpresos.
Proporciona siempre una transcripción textual completa
- El contenido de vídeo necesita una alternativa de texto que describa toda la información significativa transmitida visual o auditivamente. Esto es para que cualquiera que no pueda acceder al contenido de un video pueda leer una transcripción de texto descriptivo: es decir, todas las palabras habladas, sonidos significativos y acciones significativas dentro del video.
Componentes relacionados
Este componente se utiliza comúnmente en portadas, páginas estándar, contenidos estructurados, etc...
Recursos asociados al componente
Implementación:
Storybook (solo accesible desde la RCJA)