<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 .