HTML <video> src-eigenschap

HTML <video> tag

Definitie en gebruik

src De property bepaalt de locatie van het videobestand (URL).

Het voorbeeld hierboven gebruikt een Ogg-bestand dat werkt in Chrome, Edge, Firefox en Opera.

Om video's af te spelen in oudere versies van Internet Explorer en Safari, moeten we MPEG4-bestanden gebruiken.

Om ervoor te zorgen dat het in alle browsers werkt - voeg meerdere <video>-elementen toe binnen <source>-elementElke <source>-element kan een andere videobestand koppelen. De browser gebruikt het eerste gevonden formaat.

<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

Example

Play video:

<video src="shanghai.mp4" controls>
  Your browser does not support the video tag.
</video>

Try it yourself

Syntax

<video src="URL">

Attribute value

Value Description
URL

URL of the video file.

Possible values:

  • Absolute URL - points to another website (e.g., src="http://www.example.com/movie.ogg")
  • Relative URL - points to a file within the website (e.g., src="shanghai.ogg")

Browser support

The numbers in the table indicate the first browser version that fully supports the property.

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

All mainstream browsers support src Properties, but not all browsers support the defined file formats.

HTML <video> tag