Comunidad de diseño web y desarrollo en internet online

Reproductor de video en HTML5

Las etiquetas audio y video son de las más utilizadas en la web actualmente, la gran ventaja de éstas es la posible aplicación de estos medios en dispositivos móviles. Pero ¿que pasa cuando quieres cambiar cómo se ve tu reproductor de HTML5 ? Aquí te explico en una serie de videos cómo mejorar la apariencia de tu reproductor.

  1. Empezaremos convirtiendo los archivos de audio a todos los formatos necesarios, además reduciremos el tamaño de los videos.
  2. Cómo implementar la etiqueta de video con HTML5 y cómo hacer los botones de play (reproducir) y stop (detener).
  3. En este videotutorial les voy a explicar como hacer los botones FF y RW para que podamos adelantar y retroceder nuestro video a voluntad propia, todo esto utilizando HTML5 y jQuery.
  4. Aprenderemos a crear una barra de progreso para desplegar qué porcentaje de éste ha transcurrido de acuerdo al tiempo en jQuery, además te muestro la característica más funcional de Edge Code.
  5. En este último videotutorial les enseño cómo hacer una barra de progreso con CSS, hasta desplegar el progreso de un video en HTML5 usando Javascript y jQuery.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate