Attribut height de <video> HTML

Balise <video> HTML

Définition et utilisation

height Cette propriété détermine la hauteur du lecteur de vidéo en pixels.

Astuce :Il est toujours conseillé de spécifier en même temps height et Propriété width. Si ces propriétés sont définies, l'espace nécessaire pour la vidéo sera conservé au moment du chargement de la page. Cependant, sans ces propriétés, le navigateur ne sait pas la taille de la vidéo et ne peut pas lui prévoir l'espace approprié. Le résultat est que la mise en page de la page peut changer pendant le chargement (lorsque la vidéo est chargée).

Attention :Ne pas utiliser height et width Réajuster la taille de la vidéo ! Utiliser ces propriétés pour réduire la taille des grandes vidéos force l'utilisateur à télécharger la vidéo originale (même si elle semble petite sur la page). La méthode correcte consiste à redimensionner la vidéo avec un programme avant de l'utiliser sur une page web.

Exemple

Joueur de vidéo à hauteur et largeur définies :

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Votre navigateur ne prend pas en charge la balise vidéo.
</video>

Essayez-le vous-même

Syntaxe

<video height="pixels">

Valeur de l'attribut

Valeur Description
pixels Hauteur de la vidéo, en pixels (par exemple height="100").

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5

Balise <video> HTML