Cómo trabajar con VÍDEO sólo con JAVASCRIPT 🚀 (Sin frameworks) 🏆 sólo con HTML5, CSS y JavaScript 👍

Cómo hacer un player personalizado de vídeo sólo con HTML5, CSS3 y JavaScript (sin utilizar frameworks, ni librerías). Si en este 2022 quieres ⭐️ Aprender a Programar en JavaScript ya, 🏆 y de una vez por todas, 🚀 te espero en el Curso Completo (y definitivo): "Aprende a Programar con JavaScript" 👉: https://bit.ly/2REeHNN ✔️ Test de preguntas rápidas sobre JavaScript (nivel: Inicial). Comprueba tus conocimientos: 👉 https://bit.ly/3don2h5 ✔️ Test de preguntas rápidas sobre HTML5. Ponte a prueba: 👉 https://bit.ly/3tbALwq ✔️ Test de preguntas rápidas sobre CSS3 y sus Nuevas Funcionalidades. Comprueba tus conocimientos ya: 👉 https://bit.ly/3o1QJYS ✔️ Test: ¿Tienes el Nivel de un Programador Junior? Test de preguntas sobre JavaScript (Nivel: Intermedio). Comprueba tu dominio: 👉 https://bit.ly/3gNNVgD ✔️ Índice de Contenidos del Curso Completo "Aprende a Programar" con JavaScript: 👉 https://bit.ly/2REeHNN ✔️ Vídeo de Presentación del Curso 👉 https://n9.cl/3zn0s ✔️ Módulo 1: Variables y tipos de datos en JavaScript: 👉 https://bit.ly/3wXQ5jg ✔️ Módulo 2: Operadores y Expresiones 👉 https://bit.ly/3sidzw0 ✔️ Módulo 3: Las Funciones con JavaScript 👉 https://bit.ly/3mPr2dw ✔️ Módulo 3: Los Eventos a fondo 👉 https://bit.ly/2QvHi7b ✔️ Módulo 4: Los Condicionales, sin secretos 👉 https://bit.ly/3wQm0Sy ✔️ Módulo 5: Los Arrays, sus métodos y propiedades 👉https://bit.ly/32dVCE8 ✔️ Módulo 6: Todo sobre los Bucles 👉 https://bit.ly/3elt9Cb Actividades PRÁCTICAS (Ejemplos reales): paso a paso y con Explicaciones CLARAS: ✔️ Proyecto Final: Máquina tragaperras 👉 https://bit.ly/2RC1cy9 ✔️ Proyecto Final: Máquina tragaperras: Creación del HTML5 y CSS3 👉 https://bit.ly/2RC1cy9 ✔️ Actividad Práctica: Crea tu camiseta Personalizada 👉 https://bit.ly/2RtvC5u ✔️ Actividad Práctica: Crea un slider de imágenes (100% Responsive) 👉 https://bit.ly/3tq6AlW Índice de contenidos: 00:00 - Inicio 00:51 - ¿Cómo vamos a hacer el proyecto? 01:30 - Creación HTML de todos los elementos 04:51 - Creación del CSS (Grid) 09:58 - Inicio de la parte de JavaScript 10:25 - Creación del array inicial de vídeos 12:35 - Creación del primer evento (PLAY) 13:40 - Propiedad paused 15:15 - Botón del Volumen (volume) 18:21 - Uso de THIS 19:08 - Reordenación aleatoria de los vídeos 20:17 - Utilización de for of 27:41 - 100% Responsive Design (CSS3) 29:18 - Botón "Ir al vídeo siguiente" 31:09 - Botón "Reiniciar" (currentTime) 31:54 - Botón "Ampliar / reducir" (scale) 34:36 - Actualización de la barra / segundos (ontimeupdate) 36:40 - Convertir los segundos en minutos y segundos 39:53 - Actualización cuando el vídeo se carga (onloadeddata) 40:34 - Actualización de la barra de reproducción 42:27 - Acceso directo al hacer clic en la barra (currentTime) 43:03 - ¿En qué parte de la barra se ha hecho clic? (offsetX) 45:31 - Al hacer clic encima del vídeo (también): play / pause 46:13 - Detección automática del final del vídeo (oneded) 46:48 - Velocidad (lenta, normal, rápida) (playbackRate) 49:35 - Despedida del autor y recomendaciones