Largeur de la vidéo Propriété
Exemple
Modifiez la largeur du lecteur vidéo :
document.getElementById("myVideo").width = "500";
Définition et utilisation
La propriété width définit ou renvoie la valeur de l'attribut width d'une vidéo.
L'attribut width spécifie la largeur d'un lecteur vidéo, en pixels.
Conseil : Spécifiez toujours les attributs de hauteur et de largeur pour les vidéos. Si la hauteur et la largeur sont définies, l'espace requis pour la vidéo est réservé lors du chargement de la page. Cependant, sans ces attributs, le navigateur ne connaît pas la taille de la vidéo, et ne peut pas lui réserver l'espace approprié. L'effet sera que la mise en page changera pendant le chargement (pendant le chargement de la vidéo).
Remarque : Ne redimensionnez pas la vidéo avec les attributs de hauteur et de largeur ! La réduction de la taille d'une grande vidéo avec les attributs de hauteur et de largeur oblige un utilisateur à télécharger la vidéo d'origine (même si elle semble petite sur la page). La bonne façon de redimensionner une vidéo est avec un programme, avant de l'utiliser sur une page.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
width | Yes | 9.0 | Yes | Yes | Yes |
Syntaxe
Renvoie la propriété width :
videoObject.width
Définissez la propriété width :
videoObject.width = pixels
Valeurs de propriété
Value | Description |
---|---|
pixels | Specifies the width of the video player, in pixels (i.e. width="100") |
Détails techniques
Valeur de retour : | Un Nombre, représentant la largeur de la vidéo, en pixels |
---|
Plus d'exemples
Exemple
Obtenir la largeur d'une vidéo :
var x = document.getElementById("myVideo").width;
Pages connexes
Référence HTML : attribut de largeur HTML <video>
❮ Objet vidéo