HTML <video> width egenskab

HTML <video> tag

Definition og brug

width egenskab bestemmer videoafspillers bredden målt i pixels.

Tip:Angiv altid samtidig videoens height og width egenskaber. Hvis disse egenskaber er indstillet, vil det nødvendige rum for videoen blive beholdt ved siden af siden indlæses. Men uden disse egenskaber ved browseren ikke videoens størrelse og kan derfor ikke reservere passende plads til den. Effekten er, at sidens layout ændres under indlæsningen (når videoen indlæses).

Bemærk:Brug ikke height og width Egenskaber til at justere videoens størrelse! Brug disse egenskaber til at缩放 store videoer vil tvunget brugerne til at downloade den oprindelige video (selvom den ser lille ud på siden). Den rigtige metode er at skalere videoen med et program, før den bruges på en hjemmeside.

Example

A video player with specified height and width has been set:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

Try it yourself

Syntax

<video width="pixels">

Attribute value

Value Description
pixels Video width in pixels (for example width="100").

Browser support

The numbers in the table indicate the first browser version to fully support this property.

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

HTML <video> tag