HTML <video> propriété width

Balise <video> HTML

Définition et utilisation

width La propriété spécifie la largeur du lecteur de vidéo en pixels.

Astuce :Spécifiez toujours simultanément les propriétés height et width Les propriétés. Si ces propriétés sont définies, l'espace nécessaire à 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 prévoir l'espace approprié pour elle. 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 une vidéo de grande taille obligera les utilisateurs à 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

Lecteur vidéo avec 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 width="pixels">

Valeur de l'attribut

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

Prise en charge 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