HTML <video> src-Attribut

HTML <video> Tag

Definition und Verwendung

src Die Eigenschaft legt den Standort der Videodatei (URL) fest.

Der obige Beispiel verwendet eine Ogg-Datei, die in Chrome, Edge, Firefox und Opera funktioniert.

Um Videos in älteren Versionen von Internet Explorer und Safari abzuspielen, müssen wir MPEG4-Dateien verwenden.

Um sicherzustellen, dass es in allen Browsern funktioniert - fügen Sie mehrere <video>-Elemente im Innern hinzu <source>-ElementJeder <source>-Element kann auf verschiedene Videodateien verlinken. Der Browser verwendet das erste erkannte Format.

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Ihr Browser unterstützt das Video-Tag nicht.
</video>

Probieren Sie es selbst aus

Beispiel

Video abspielen:

<video src="shanghai.mp4" controls>
  Ihr Browser unterstützt das Video-Tag nicht.
</video>

Probieren Sie es selbst aus

Syntax

<video src="URL">

Eigenschaftswert

Wert Beschreibung
URL

URL der Videodatei.

Mögliche Werte:

  • Absoluter URL - Verweist auf eine andere Website (z.B. src="http://www.example.com/movie.ogg")
  • Relativer URL - Verweist auf eine Datei innerhalb der Website (z.B. src="shanghai.ogg")

Browserkompatibilität

Die Zahlen in der Tabelle geben die Versionsnummer des ersten Browsers an, der diese Eigenschaft vollständig unterstützt.

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

Alle gängigen Browser unterstützen src Eigenschaften, aber nicht alle Browser unterstützen die definierten Dateiformate.

HTML <video> Tag