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! :)
Todos los capítulos de este curso:
- 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