Ejemplo
Un reproductor de audio con dos archivos de origen. El navegador debe elegir el archivo (si lo hay) que tiene soporte para:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Inténtalo tú mismo " Definición y Uso
La <source> etiqueta se utiliza para especificar varios recursos de los medios para los elementos multimedia, como <video> y <audio> .
La <source> etiqueta le permite especificar los archivos de vídeo / audio alternativos cual el navegador puede elegir, en función de su tipo de medio o soporte de codec.
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <source> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Diferencias entre HTML 4.01 y HTML5
La <source> etiqueta es nueva en HTML5.
atributos
= Nuevo en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| media | media_query | Especifica el tipo de recurso multimedia |
| src | URL | Especifica la dirección URL del archivo multimedia |
| type | media_type | Especifica el tipo de medio del recurso de los medios |
Los atributos globales
La <source> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <source> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Tutorial de HTML: HTML 5 video
Tutorial de HTML: HTML 5 audio
Referencia HTML DOM: Objeto de origen
Ajustes por defecto CSS
Ninguna.