Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

source

<p> El elemento <code> source </ code> se usa para especificar los recursos de medios múltiples para los elementos <code> audio </ code> y <code> video </ code> en HTML 5. Se trata de un elemento vacío.

En la actualidad, sólo se implementa un pequeño subconjunto de la funcionalidad: Gecko recoge el primer elemento source que tiene un tipo de exactamente " video/ogg "o" application/ogg ". (bug 449)

Contexto de uso

Contenido permitido Ninguno; es un elemento vacío.
Omisión de etiquetas Debe tener una etiqueta de inicio, pero no debe tener una etiqueta de cierre.
Elementos primarios permitidos <audio>, <video>
Documento normativo HTML 5, sección 4.8.8

Atributos

src
Requerido, dirección del recurso multimedia.
type
El tipo MIME del recurso, de forma opcional con un parámetro codecs. Consulta RFC 4281 para obtener información sobre cómo especificar los códecs.
media No implementado
Consulta de medios acerca de los medios destinados del recurso.

Si no se especifica el atributo tipo , el tipo de medios es recuperado desde el servidor y comprobado para ver si Gecko puede administrarlo; si no se puede representar, se comprueba la siguiente source (fuente). Si se especifica el atributo tipo , se compara con los tipos que Gecko puede reproducir, y si no se reconoce, el servidor ni siquiera se consulta, sino que se comprueba en seguida el elemento source siguiente.

Ejemplos

Este ejemplo muestra cómo ofrecer un video en formato Ogg para los usuarios cuyos navegadores son compatibles con formato Ogg y un video en formato QuickTime para los usuarios cuyos navegadores son compatibles con él. Si el elemento audio o video no es compatible con el navegador, se muestra un aviso en su lugar.  Si el navegador es compatible con el elemento, pero no es compatible con cualquiera de los formatos especificados, se produce un evento error y los controles de medios predeterminados (si están activados) indicarán un error.

<video controls>
  <source src="foo.ogg" type="video/ogg"> <!-- Picked by Firefox -->
  <source src="foo.mov" type="video/quicktime"> <!-- Picked by Safari -->
  I'm sorry; your browser doesn't support HTML 5 video.
</video>

Para más ejemplos, consulta Usar audio y video en Firefox .

Interfaz DOM

Etiquetas y colaboradores del documento

 Colaboradores en esta página: teoli, inma_610
 Última actualización por: teoli,