Gestion de la Vidéo en JavaScript

La gestion de l'élément video
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML5 et CSS3 / Part 4 - Aller plus loin avec JavaScript et jQuery
Revoir le teaser Je m'abonne
4,3
Transcription

Cette leçon fait partie de la formation
59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
4,3
Cette leçon fait partie de la formation
59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à 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.

Voir plus
Questions réponses
Quelles sont les sources vidéo mentionnées pour différents navigateurs?
Les sources mentionnées sont MP4 pour Safari, OGV pour Firefox, et des formats compatibles avec Chrome.
Comment initialiser la taille de la barre de progression ?
La taille initiale de la barre de progression est définie avec la commande .css('width', '0') en jQuery.
Pourquoi la méthode 'stop' n'existe-t-elle pas en JavaScript pour les vidéos ?
En JavaScript, il n'existe pas de méthode 'stop' pour les vidéos, donc on utilise la méthode 'pause' et on remet le temps courant à zéro avec currentTime = 0.

Programme détaillé

3 commentaires
4,3
3 votes
5
4
3
2
1
phbernard
Il y a 3 mois
Formation de bon niveau M Audoux est un professionnel.
Dommage que nous n'ayons pas les fichiers, par ailleurs M Audoux devrait également montré les fichiers CSS
D'autre par les fichiers JS à la version utilisée par M Audoux simplifieraient le travail de l'étudiant.
Azraël
Il y a 3 ans
Bonne formation.
Dommage que M Audoux ne va pas toujours au terme de ses exemples. Il manque souvent un petit "clic" qui finaliserait le cours.
Je rejoins le commentaire précédent, à savoir qu'il manque les fichiers de travail avec lesquels il serait plus facile de s'exercer.
lyazid.meaux
Il y a 4 ans
Très bonne formation, juste ce qu'il faut.
Est il possible d'avoir les exemples afin de pouvoir travailler dessus et ne pas être obliger de jongler entre l'éditeur et la vidéo.

Merci.