Derniers tutoriels de développement web
 

Video width Property

<Video Object

Exemple

Changer la largeur du lecteur vidéo:

document.getElementById("myVideo").width = "500";
Essayez vous - même »

Définition et utilisation

Les ensembles de propriétés de largeur ou retourne la valeur de la width attribut d'une vidéo.

La width attribut spécifie la largeur d'un lecteur vidéo, en pixels.

Astuce: Toujours spécifier la hauteur et la largeur des attributs pour les vidéos. Si la hauteur et la largeur sont définies, l'espace requis pour la vidéo est réservé lorsque la page est chargée. Toutefois, sans ces attributs, le navigateur ne connaît pas la taille de la vidéo, et ne peut pas réserver l'espace qui lui est propre. L'effet sera que la mise en page va changer au cours du chargement (pendant le chargement de la vidéo).

Note: Ne pas rééchelonner vidéo avec la hauteur et la largeur des attributs! Downsizing une grande vidéo avec la hauteur et la largeur des attributs force un utilisateur à télécharger la vidéo d' origine (even if it looks small on the page) . La bonne façon de rééchelonner une vidéo est un programme avant de l'utiliser sur une page.


Support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propriété width est pris en charge dans tous les principaux navigateurs.

Note: Internet Explorer 8 et les versions antérieures, ne prennent pas en charge la <video> élément.


Syntaxe

Retour la propriété width:

videoObject .width

Définissez la propriété width:

videoObject .width= pixels

Valeurs de propriété

Valeur La description
pixels Spécifie la largeur du lecteur vidéo, en pixels (ie width="100") par (ie width="100")

Détails techniques

Valeur de retour: Un nombre, représentant la largeur de la vidéo, en pixels

autres exemples

Exemple

Obtenez la largeur d'une vidéo:

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

Le résultat de x sera:

320
Essayez vous - même »

Pages associées

Référence HTML: HTML <video> attribut width


<Video Object