Curso de JavaScript para HTML5 #5. Reproductor vídeo

En la quinta clase del curso de JavaScript vamos a dar una paso y vamos a construir un reproductor de vídeo totalmente funcional y similar a Netflix.

Podremos seleccionar la película que queramos reproductor, elegir el volumen e incluso ponerlo a pantalla completa. Y todo esto, gracias a la magia del HTML5.

Para ello, primero deberemos de crear la estructura mediante HTML y CSS para que quede bonita. Y una vez lo tengamos todo ¡Ya sólo nos quedará programar el reproductor mediante JavaScript! Veamos cómo lo podemos hacer:

Como veis, no ha sido nada difícil crear un reproductor de vídeo, gracias a que HTML5 incorpora una etiqueta <video> que nos ahorra la mayoría del trabajo.

Si tenéis dudas o preguntas sobre la clase, podéis mandarla a través del formulario de soporte de la Intranet de suscriptor. ¡Nos vemos en la siguiente lección! :)

• Curso de JavaScript para HTML5 #1. Introducción
• Curso de JavaScript para HTML5 #2. Formularios
• Curso de JavaScript para HTML5 #3. Librería de formularios
• Curso de JavaScript para HTML5 #4. Reproductor audio
• Curso de JavaScript para HTML5 #5. Reproductor vídeo
• Curso de JavaScript para HTML5 #6. Canvas. Empezando un videojuego
• Curso de JavaScript para HTML5 #7. localStorage
• Curso de JavaScript para HTML5 #8. Geoposición
• Curso de JavaScript para HTML5 #9. Micrófono
• Curso de JavaScript para HTML5 #10. Webcam