HTML: <video> attribut height

Exemple en ligne

En même temps, il s'agit d'une vidéo avec une hauteur et une largeur spécifiées :

<video width="380" height="280" controls>
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Votre navigateur ne prend pas en charge la balise vidéo.
</video>

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge l'attribut height.

Attention : Internet Explorer 8 et les versions IE plus anciennes ne prennent pas en charge la balise <video>.

Définition et utilisation

L'attribut height spécifie la hauteur du lecteur de vidéo en pixels.
Astuce :Spécifiez toujours les attributs hauteur et largeur de la vidéo en même temps. Si ces attributs sont définis, l'espace nécessaire pour la vidéo est conservé au chargement de la page. Cependant, sans ces attributs, le navigateur ne sait pas la taille de la vidéo et ne peut pas lui réserver l'espace approprié. Le résultat est que la mise en page de la page change pendant le chargement (lorsque la vidéo est chargée).
Attention :Ne pas utiliser les attributs height et width pour redimensionner la vidéo ! Utiliser les attributs height et width pour réduire la taille d'une vidéo grande obligera l'utilisateur à télécharger la vidéo originale (même si elle semble petite sur la page). La méthode correcte pour redimensionner une vidéo est d'utiliser un programme, puis de l'utiliser sur la page.

HTML 4.01 par rapport à HTML5différences

La balise <video> est une balise HTML5 Nouvelle balise.

Syntaxe

<video height="pixels">

Valeur de l'attribut