Formation incluse dans l'abonnement Elephorm
À la fin de cette vidéo, vous saurez gérer une barre de progression et afficher le temps courant et la durée totale d'une vidéo en utilisant JavaScript et jQuery.
Cette leçon couvre la gestion de la barre de progression et l'affichage du temps pour les vidéos en utilisant JavaScript et jQuery.
Dans cette leçon, nous apprendrez à optimiser la fonctionnalité de gestion de la barre de progression ainsi que l'affichage du temps courant et de la durée totale d'une vidéo à l'aide de JavaScript et jQuery. Nous commencerons par reprendre le script existant, en ajoutant une fonction pour faire avancer la barre de progression lorsque la vidéo est jouée. Nous utiliserons des fonctions telles que Math.floor() pour arrondir le temps. Une attention particulière sera portée à la création dynamique des éléments HTML via jQuery.
Ensuite, nous verrons comment afficher la durée totale de la vidéo dès le chargement en utilisant l'événement loadedmetadata de l'élément vidéo. Nous mettrons aussi en place un timer pour actualiser en continu l'affichage du temps courant et de la progression de la barre. Enfin, nous gérerons les états de fin de vidéo et implémenterons les actions nécessaires lorsque le bouton Stop est activé.
