Atributo HTML <video> src

❮ Etiqueta HTML <video>

Ejemplo

Reproducir un video:

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

Definición y uso

El srcatributo especifica la ubicación (URL) del archivo de video.

El ejemplo anterior usa un archivo Ogg y funcionará en Chrome, Edge, Firefox y Opera.

Para reproducir el video en Internet Explorer y Safari antiguos, debemos usar un archivo MPEG4.

Para que funcione en todos los navegadores, agregue varios <source> elementos dentro del <video>elemento. Cada <source>elemento puede vincularse a diferentes archivos de video. El navegador utilizará el primer formato reconocido:

Ejemplo

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

Compatibilidad con navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo.

Attribute
src 4.0 9.0 3.5 3.1 11.5

El srcatributo es compatible con todos los navegadores principales; sin embargo, es posible que el formato de archivo definido no sea compatible con todos los navegadores.


Sintaxis

<video src="URL">

Valores de atributo

Value Description
URL The URL of the video file.

Possible values:

  • An absolute URL - points to another web site (like src="http://www.example.com/movie.ogg")
  • A relative URL - points to a file within a web site (like src="movie.ogg")

❮ Etiqueta HTML <video>