L'attribut largeur vidéo

Objet Video DOM HTML

Définition et utilisation

width L'attribut définit ou retourne la largeur de la vidéo L'attribut width la valeur.

width L'attribut définit la largeur du lecteur de vidéo en pixels.

Astuce :Définissez toujours les attributs hauteur et largeur de la vidéo. Si les hauteurs et les largeurs sont définies, l'espace nécessaire pour la vidéo est conservé au chargement de la page. Cependant, si ces attributs ne sont pas définis, le navigateur ne sait pas la taille de la vidéo et ne peut pas en réserver une espace appropriée. La mise en page de la page change pendant le chargement (lorsque la vidéo est chargée).

Remarque :Ne pas utiliser les attributs hauteur et largeur pour redimensionner la vidéo ! Réduire une vidéo grande avec des attributs hauteur et largeur force l'utilisateur à télécharger la vidéo originale (même si elle semble petite sur la page). La méthode correcte pour redimensionner la vidéo est d'utiliser un programme, puis de l'utiliser sur la page.

Exemple

Exemple 1

Modifier la largeur du lecteur de vidéo :

document.getElementById("myVideo").width = "500";

Essaye-le toi-même

Exemple 2

Obtenir la largeur de la vidéo :

var x = document.getElementById("myVideo").width;

Essaye-le toi-même

Syntaxe

Retourne l'attribut width :

videoObject.width

Définir l'attribut width :

videoObject.width = pixels

Valeur de l'attribut

Valeur Description
pixels Définit la largeur du lecteur de vidéo en pixels.

Détails techniques

Valeur de retour : Nombre, représentant la largeur de la vidéo en pixels.

Compatibilité des navigateurs

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 9.0 Support Support Support

Pages associées

Manuel de référence HTML :L'attribut width du <video> HTML

Objet Video DOM HTML