Formation incluse dans l'abonnement Elephorm
L'objectif principal de cette vidéo est de vous apprendre à créer et gérer des contrôles vidéo personnalisés en JavaScript et jQuery.
Apprenez à gérer la vidéo en JavaScript en créant vos propres contrôles de lecture. Maîtrisez les commandes play, pause, et stop.
Dans cette leçon, vous apprendrez les différentes commandes JavaScript pour gérer une vidéo. Plutôt que d’utiliser les contrôleurs par défaut avec les boutons classiques de pause, lecture et arrêt, vous allez découvrir comment créer votre propre interface personnalisée. Cette interface comprendra des boutons faits maison ainsi qu’une barre de progression interactive. Vous verrez comment afficher la durée totale de la vidéo et le temps de lecture courant.
Nous abordons également la configuration initiale du code HTML et de la mise en forme CSS, et nous passerons ensuite à l'écriture du script avec jQuery. Vous apprendrez à identifier et manipuler les éléments vidéo, et à initialiser la barre de progression. La leçon détaillera ensuite comment implémenter les boutons de contrôle de la vidéo en utilisant des méthodes pratiques et efficaces de jQuery.
.css('width', '0') en jQuery.
currentTime = 0.
