Exemple
Un lecteur vidéo avec une largeur et une hauteur spécifiée:
<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>
Essayez - le vous - même » Définition et utilisation
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 un espace approprié à lui. L'effet sera que la mise en page va changer au cours du chargement (alors que les charges vidéo).
Note: Ne pas redimensionner la 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 (même si elle semble petit sur la page). La bonne façon de redimensionner une vidéo est un programme, avant de l'utiliser sur une page.
support du navigateur
| Attribut | |||||
|---|---|---|---|---|---|
| width | Oui | Oui | Oui | Oui | Oui |
Remarque: Internet Explorer 8 et les versions antérieures, ne prend pas en charge la <video> tag.
Différences entre HTML 4.01 et HTML5
Le <video> tag est nouvelle en HTML5.
Syntaxe
<video width="pixels">
Attribut valeurs
| Valeur | La description |
|---|---|
| pixels | La largeur de la vidéo en pixels ( par exemple width="100" ) , |