HTML <video> breedte Attribuut
Voorbeeld
Een videospeler met een opgegeven breedte en hoogte:
<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>
Definitie en gebruik
Het width
attribuut specificeert de breedte van een videospeler, in pixels.
Tip: Geef altijd zowel de
kenmerken als op voor video's height
.
width
Als deze kenmerken zijn ingesteld, wordt de vereiste ruimte voor de video gereserveerd wanneer de pagina wordt geladen. Zonder deze kenmerken weet de browser echter niet hoe groot de video is en kan hij er geen geschikte ruimte voor reserveren. Het effect is dat de pagina-indeling verandert tijdens het laden (terwijl de video wordt geladen).
Opmerking: schaal de video niet opnieuw met de attributen height
en !
width
Het verkleinen van een grote video met deze kenmerken dwingt een gebruiker om de originele video te downloaden (zelfs als deze er klein uitziet op de pagina). De juiste manier om een video opnieuw te schalen is met een programma, voordat u deze op een webpagina gebruikt.
Browserondersteuning
Attribute | |||||
---|---|---|---|---|---|
width | 4.0 | 9.0 | 3.5 | 3.1 | 11.5 |
Syntaxis
<video width="pixels">
Attribuutwaarden
Value | Description |
---|---|
pixels | The width of the video, in pixels (i.e. width="100") |
❮ HTML <video>-tag