Intégrer une vidéo dans une page HTML peut ajouter une dimension visuelle et dynamique à votre site web. Que vous souhaitiez partager du contenu éducatif, des vidéos promotionnelles, ou simplement des moments captivants, l’ajout de vidéos à votre site peut améliorer l’expérience utilisateur. Découvrons comment mettre une vidéo en HTML de manière efficace.
Les bases de l’intégration vidéo en html
Avant de plonger dans les détails, comprenons les bases de l’intégration vidéo en HTML. L’élément HTML utilisé est <video>. Vous devez spécifier la source de la vidéo en utilisant l’attribut src et inclure des contrôles pour permettre à l’utilisateur de jouer, mettre en pause et ajuster le volume.
<video width="640" height="360" controls> <source src="chemin_de_la_video.mp4" type="video/mp4"> Votre navigateur ne supporte pas la balise vidéo. </video> Assurez-vous de remplacer « chemin_de_la_video.mp4 » par le chemin réel de votre vidéo.
Formats vidéo compatibles
HTML5 prend en charge plusieurs formats vidéo, mais il est recommandé d’utiliser le format MP4 pour une compatibilité maximale avec les navigateurs. Vous pouvez également inclure des sources supplémentaires avec des formats différents pour une meilleure compatibilité.
<video width="640" height="360" controls> <source src="video.mp4" type="video/mp4"> <source src="video.webm" type="video/webm"> <source src="video.ogv" type="video/ogg"> Votre navigateur ne supporte pas la balise vidéo. </video> Ajuster la taille de la vidéo
Pour garantir une présentation visuelle cohérente, ajustez la taille de la vidéo en utilisant les attributs width et height dans la balise <video>.
<video width="800" height="450" controls> <source src="video.mp4" type="video/mp4"> Votre navigateur ne supporte pas la balise vidéo. </video> Autoplay et boucle
Si vous souhaitez que la vidéo démarre automatiquement ou qu’elle se répète en boucle, vous pouvez utiliser les attributs autoplay et loop.
<video width="640" height="360" controls autoplay loop> <source src="video.mp4" type="video/mp4"> Votre navigateur ne supporte pas la balise vidéo. </video> Questions fréquentes
Comment choisir le bon format vidéo?
Le format MP4 est généralement recommandé pour une compatibilité étendue. Cependant, vous pouvez inclure des sources supplémentaires comme WebM et Ogg pour une meilleure prise en charge.
La vidéo ne fonctionne pas sur mon site. que puis-je faire?
Vérifiez d’abord que le chemin de la vidéo est correct. Assurez-vous également que le format de la vidéo est pris en charge par les navigateurs que vos utilisateurs utilisent.
Dois-je toujours spécifier la taille de la vidéo?
Oui, spécifier la taille de la vidéo garantit une présentation cohérente sur différentes plates-formes. Ajustez les valeurs de width et height en fonction de vos besoins.
Voir aussi:
