inserer une video (html)

1. Chemin de la vidéo (src) :

   • L’attribut src spécifie le chemin (URL) vers la vidéo que vous souhaitez afficher.
   • Assurez-vous que la vidéo est accessible à partir du même emplacement que votre page web.
   • Exemple :

     <video width="320" height="240" controls>
       <source src="ma_video.mp4" type="video/mp4">
       <source src="ma_video.ogg" type="video/ogg">
       Votre navigateur ne prend pas en charge la balise vidéo HTML5.
     </video>
     

2. Texte alternatif (alt) :

   • Vous pouvez également ajouter un texte alternatif pour la vidéo en utilisant l’attribut alt.
   • Ce texte s’affichera si la vidéo ne peut pas être chargée ou si l’utilisateur utilise un lecteur d’écran.
   • Exemple :

     <video width="320" height="240" controls>
       <source src="ma_video.mp4" type="video/mp4">
       <source src="ma_video.ogg" type="video/ogg">
       Votre navigateur ne prend pas en charge la balise vidéo HTML5.
       <p>Regardez cette superbe vidéo !</p>
     </video>
     

3. Autoplay (lecture automatique) :

   • Pour démarrer la lecture automatiquement, utilisez l’attribut autoplay :

     <video width="320" height="240" autoplay>
       <source src="ma_video.mp4" type="video/mp4">
       <source src="ma_video.ogg" type="video/ogg">
       Votre navigateur ne prend pas en charge la balise vidéo HTML5.
     </video>
     

   • Notez que les navigateurs Chromium n’autorisent pas la lecture automatique dans la plupart des cas. Cependant, la lecture automatique en mode muet est toujours autorisée. Ajoutez muted après autoplay pour permettre à votre vidéo de démarrer automatiquement (mais en mode muet) :

     <video width="320" height="240" autoplay muted>
       <source src="ma_video.mp4" type="video/mp4">
       <source src="ma_video.ogg" type="video/ogg">
       Votre navigateur ne prend pas en charge la balise vidéo HTML5.
     </video>
     

4. Formats vidéo pris en charge :

   • Trois formats vidéo sont pris en charge : MP4, WebM et Ogg.
   • Assurez-vous de fournir plusieurs sources vidéo pour une compatibilité maximale avec différents navigateurs.

N’hésitez pas à personnaliser ces exemples en remplaçant “ma_video.mp4” et “ma_video.ogg” par les chemins de vos propres vidéos ! 😊