Trabajo de Audio y Vídeo

Reproductor de vídeo con APIs HTML

Ejercicio práctico con un reproductor personalizado en JavaScript usando la API de vídeo HTML5. Se debe colocar el archivo ford-plane-takes-off.mp4, pero no funciona en neocities.org dentro de la carpeta media/.

Vídeo del ejercicio

Controles personalizados: reproducir/pausar, progreso, tiempo, volumen, velocidad y pantalla completa.

00:00 00:00

Volumen Velocidad

Esperando a que cargues el archivo de vídeo en la carpeta media/.

Qué incluye este ejercicio

Uso de la etiqueta <video> con fuente MP4.
Controles hechos en JavaScript sin usar los controles nativos del navegador.
Actualización de progreso y tiempo en tiempo real.
Cambio de volumen, mute, velocidad y pantalla completa.