<source>

Prubalo

<video controls width="250" height="200" muted>
  <source src="/shared-assets/videos/flower.webm" type="video/webm" />
  <source src="/shared-assets/videos/flower.mp4" type="video/mp4" />
  Download the
  <a href="/shared-assets/videos/flower.webm">WEBM</a>
  or
  <a href="/shared-assets/videos/flower.mp4">MP4</a>
  video.
</video>

Atributos

Este elemento incluye los atributos globales.

sizes

Es una lista de tamaos del origen que describe el ancho renderizado final de la imagen representada por el origen. Cada tamao de origen consiste de una lista separada por comas de pares de longitud de condicin de medios. Esta informacin es utilizada por el navegador para determinar, antes de distribuir la pgina, qu imagen definida en srcset se utilizar. El atributo sizes tiene un efecto solo cuando el elemento <source> es hijo directo de un elemento <picture>.

src

Es la ubicacin del recurso multimedia, requerido por los elementos <audio> y <video>. El valor de este atributo es ignorado cuando el elemento <source> se coloca dentro de un elemento <picture>.

srcset

Una lista de una o ms cadenas separadas por comas que indican un conjunto de posibles imgenes representadas por la fuente para que las utilice el navegador. Cada cadena se compone de:

1. una URL a una imagen,
2. un descriptor de ancho, que es un entero positivo seguido directamente por 'w'. El valor predeterminado, si falta, es el infinito.
3. un descriptor de densidad de pxeles, que es un nmero flotante positivo seguido directamente por 'x'. El valor predeterminado, si falta, es 1x.

Cada cadena en la lista debe tener al menos un descriptor de ancho o un descriptor de densidad de pxeles para que sea vlido. Entre los elementos de la lista, solo debe haber una cadena que contenga la misma tupla de descriptor de ancho y descriptor de densidad de pxeles. El navegador elige la imagen ms adecuada para mostrar en un momento determinado. El atributo srcset solo tiene efecto cuando el elemento <source> es hijo directo de un elemento <picture>.

type

El tipo MIME del recurso, opcionalmente con un parmetro codecs. Consultar RFC 4281para obtener informacin sobre cmo especificar los cdecs.

media

Consulta multimedia de los medios destinados al recurso; esto solo debe usarse en un elemento <picture>.

Si el atributo type no se especifica, el tipo de medio se recupera del servidor y se verifica para ver si el agente de usuario puede manejarlo; si no se puede procesar, se comprueba el siguiente <source>. Si se especifica el atributo type, se compara con los tipos que puede presentar el agente de usuario y, si no se reconoce, el servidor ni siquiera recibe consultas; en su lugar, el siguiente elemento <source> se comprueba a la vez.

Ejemplos

Este ejemplo muestra cmo ofrecer un video en formato Ogg para usuarios cuyos navegadores admiten el formato Ogg, y un video en formato QuickTime para usuarios cuyos navegadores lo admiten. Si el navegador no admite los elementos audio o video, se muestra un aviso. Si el navegador admite los elementos pero no admite ninguno de los formatos especificados, se genera un evento error y los controles de medios predeterminados (si estn habilitados) indicarn un error. Consulte tambin la lista de formatos de medios compatibles con los elementos de audio y video en varios navegadores.

<video controls>
  <source src="foo.webm" type="video/webm" />
  <source src="foo.ogg" type="video/ogg" />
  <source src="foo.mov" type="video/quicktime" />
  Lo lamento; su navegador no soporta video HTML5.
</video>

Para obtener ms ejemplos, consulte Uso de audio y video en Firefox.

Especificaciones

Compatibilidad con navegadores

Ver tambin

• Elemento <picture>
• Elemento <audio>
• Elemento <video>