HTML: <video> attribut width

Exemple en ligne

avec une hauteur spécifiée380px et280px de vidéo :

<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 width.

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

Définition et utilisation

L'attribut width spécifie la largeur du lecteur de vidéo en pixels.
Astuce : Spécifiez toujours la hauteur et la 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 en réserver une. Le résultat est que la mise en page de la page change pendant le chargement (lorsque la vidéo est chargée).
Attention : N'utilisez pas les attributs height et width pour redimensionner les vidéos ! Utiliser les attributs height et width pour réduire la taille des grandes vidéos 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 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 nouvelles balises.

Syntaxe

<video width="pixels">

Valeur de l'attribut