0$ C'est gratuit

Tuto Gratuit : Afficher un mini lecteur vidéo avec JavaScript, CSS

0$ C'est gratuit

  • Une formation vidéo de 14m36s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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.

Table des matières de cette formation JavaScript, CSS (durée : 14m36s)

    • Mise en page et préparation de la page HTML gratuit 00:01:35
    • Affichage du mini lecteur gratuit 00:13:01



Formateur : Nicolas Mercier

Nicolas Mercier a publié 1 tutoriel et obtenu une note moyenne de 5,0/5 sur 140 tutoriels téléchargés. Voir les autres formations de Nicolas Mercier

5,0
note moyenne

3
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de 7ciel laissé le 07/12/2019
    Efficace, merci.bon tuto

  • 5
    avis de mirandole laissé le 04/12/2019
    Clair et efficace vivement une suite

  • 5
    avis de salva laissé le 04/12/2019
    Super Tuto Explications détaillés et très claires

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    JavaScript , CSS
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1138 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données