Attribut src de l'élément HTML <video>

Définition et utilisation

src L'attribut spécifie l'emplacement du fichier vidéo (URL).

Dans cet exemple, un fichier Ogg est utilisé, qui fonctionne dans Chrome, Edge, Firefox et Opera.

Pour lire des vidéos dans les anciennes versions d'Internet Explorer et Safari, nous devons utiliser des fichiers MPEG4.

Pour qu'il fonctionne dans tous les navigateurs - ajoutez plusieurs <video> à l'intérieur de l'élément L'élément <source>Chaque élément <source> peut lier à différents fichiers vidéo. Le navigateur utilisera le premier format reconnu.

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Votre navigateur ne prend pas en charge la balise vidéo.
</video>

Essayez-le vous-même

Exemple

Lecture de la vidéo :

<video src="shanghai.mp4" controls>
  Votre navigateur ne prend pas en charge la balise vidéo.
</video>

Essayez-le vous-même

Syntaxe

<video src="URL">

Valeur de l'attribut

Valeur Description
URL

URL du fichier vidéo.

Valeurs possibles :

  • URL absolue - Pointe vers un autre site (par exemple src="http://www.example.com/movie.ogg")
  • URL relative - Pointe vers un fichier sur le site (par exemple src="shanghai.ogg")

Prise en charge du navigateur

Les numéros dans le tableau indiquent la version du premier navigateur qui prend en charge cette propriété.

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

Tous les navigateurs populaires le prennent en charge src Attribut, mais tous les navigateurs ne prennent pas en charge le format de fichier défini.