HTML <video> width eigenschap

HTML <video> tag

Definitie en gebruik

width Eigenschappen die de breedte van de videospeler regelen, in pixels.

Tip:Specificeer altijd tegelijkertijd de height en width Eigenschappen. Als deze eigenschappen zijn ingesteld, wordt de benodigde ruimte voor de video behouden bij het laden van de pagina. Als deze eigenschappen echter niet zijn ingesteld, weet de browser niet de afmetingen van de video en kan hij geen passende ruimte reserveren. Het effect is dat de lay-out van de pagina verandert tijdens het laden (wanneer de video wordt geladen).

Opmerking:Gebruik niet height en width Videoformaat aanpassen! Gebruik deze eigenschappen om grote video's te verkleinen, dwingt gebruikers om de oorspronkelijke video te downloaden (zelfs als deze op de pagina klein lijkt). De juiste manier is om de video voor gebruik op de website te herschalen met een programma.

Voorbeeld

De video speler met de vastgestelde afmetingen is ingesteld:

<video breedte="640" hoogte="360" controls>
  <source bron="shanghai.mp4" type="video/mp4">
  <source bron="shanghai.ogg" type="video/ogg">
  Uw browser ondersteunt geen video tags.
</video>

Probeer het zelf

Syntaxis

<video breedte="pixels">

Eigenschapswaarde

Waarde Beschrijving
pixels De breedte van het video, uitgedrukt in pixels (bijvoorbeeld width="100").

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5

HTML <video> tag