HTML <video> width-Eigenschaft

HTML <video> Tag

Definition und Verwendung

width Eigenschaft legt die Breite des Videowiedergabeplayers in Pixeln fest.

Tipp:Geben Sie bitte immer gleichzeitig die height und width Eigenschaften. Wenn diese Eigenschaften gesetzt sind, wird der erforderliche Speicherplatz für das Video beim Laden der Seite beibehalten. Aber wenn diese Eigenschaften nicht vorhanden sind, weiß der Browser nicht, wie groß das Video ist, und kann daher keinen angemessenen Platz für es reservieren. Der Effekt ist, dass die Layoutgestaltung während des Ladevorgangs geändert wird (während das Video geladen wird).

Hinweis:Verwenden Sie bitte nicht height und width Das Video wird neu angepasst! Die Verwendung dieser Eigenschaften zur Verkleinerung großer Videos zwingt den Benutzer, das Originalvideo herunterzuladen (selbst wenn es auf der Seite klein aussieht). Der richtige Weg ist es, das Video vor seiner Verwendung auf einer Webseite mit einem Programm neu zu skalieren.

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 (e.g., width="100").

Browser Support

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

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

HTML <video> Tag