Derniers tutoriels de développement web
 

Video height Property

<Video Object

Exemple

Modifier la hauteur d'une vidéo:

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

Définition et utilisation

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

La height attribut indique la hauteur d'une 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é de la hauteur 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é de hauteur:

videoObject .height

Définissez la propriété de hauteur:

videoObject .height= pixels

Valeurs de propriété

Valeur La description
pixels Spécifie la hauteur de la vidéo en pixels (ie width="100") par (ie width="100")

Détails techniques

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

autres exemples

Exemple

Obtenez la hauteur de la vidéo:

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

Le résultat de x sera:

240
Essayez vous - même »

Pages associées

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


<Video Object