Dans ce tuto en vidéo gratuit, nous allons voir comment afficher un mini lecteur vidéo dans une page web.
Au programme de ce tuto gratuit afficher un mini lecteur vidéo au scroll d'une page
- Dans un premier temps, nous allons créer la structure de base du contenu de la page.
Elle sera composée d'une vidéo YouTube et d'un long texte pour qu'on puisse faire défiler la page verticalement. - Ensuite, nous utiliserons Javascript et du CSS pour gérer l'affichage du mini lecteur.
L'objectif de ce cours est d'apprendre à afficher un mini lecteur dans le coin en bas à droite de l'écran lorsque le lecteur principal est en dehors de la page. Nous ferons également en sorte que la vidéo se joue en continu lors du basculement des lecteurs. Et enfin, nous ajouterons un bouton permettant de désactiver le mini lecteur.
Grâce à cette formation gratuite en vidéo, vous allez apprendre à utiliser la méthode getBoundingClientRect pour connaître la position d'un élément dans la page. Et nous utiliserons des écouteurs d'événements pour appeler différentes méthodes.
Cette formation est accessible aux débutants. Elle est simple rapide et efficace.
Je reste disponible pour répondre à vos éventuelles questions, dans le salon d'entraide.
Avis des apprenants