Attribut de largeur <vidéo> HTML
Exemple
Un lecteur vidéo avec une largeur et une hauteur spécifiées :
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Définition et utilisation
L' width
attribut spécifie la largeur d'un lecteur vidéo, en pixels.
Conseil : Spécifiez toujours les
attributs height
et pour les vidéos.
width
Si ces attributs sont définis, 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 height
et
width
! La réduction de la taille d'une grande vidéo avec ces attributs 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 Web.
Prise en charge du navigateur
Attribute | |||||
---|---|---|---|---|---|
width | 4.0 | 9.0 | 3.5 | 3.1 | 11.5 |
Syntaxe
<video width="pixels">
Valeurs d'attribut
Value | Description |
---|---|
pixels | The width of the video, in pixels (i.e. width="100") |
❮ Balise HTML <vidéo>