La etiqueta <source> en HTML se usa para adjuntar archivos multimedia como audio, video e imágenes. Los elementos <audio>, <video> y <picture> contienen el elemento <source>.
Sintaxis:
<source src="" type="">
// Statements
</source>
Atributos: esta etiqueta contiene cinco atributos, como se mencionó anteriormente y se describe a continuación:
- src : se utiliza para contener la ruta del contenido multimedia.
- media: Se utiliza para definir el tipo de contenido multimedia.
- srcset : se usa para especificar la URL de la imagen utilizada en diferentes situaciones.
- tamaños: se utiliza para especificar los tamaños de imagen en diferentes diseños de página.
- type: Se utiliza para especificar el recurso de tipo MIME.
Los siguientes ejemplos ilustran la etiqueta <source> en HTML:
Ejemplo 1: este ejemplo usa la etiqueta <source> con el archivo multimedia de video.
html
<!DOCTYPE html> <html> <head> <title> HTML source Tag </title> </head> <body> <h1 style="color:green;">GeeksforGeeks</h1> <h2>HTML <source> Tag</h2> <video width="400" height="350" controls> <source src="video.mp4" type="video/mp4"> <source src="video.ogg" type="video/ogg"> </video> </body> </html>
Producción:
Ejemplo 2: este ejemplo utiliza la etiqueta <source> con los archivos multimedia de audio.
html
<!DOCTYPE html> <html> <head> <title> HTML source Tag </title> </head> <body> <h1 style="color:green;">GeeksforGeeks</h1> <h2>HTML <source> Tag</h2> <audio controls> <source src="audio.mp3" type="audio/mp3"> </audio> </body> </html>
Producción:
Navegadores compatibles: los navegadores compatibles con la etiqueta HTML <source> se enumeran a continuación:
- Google Chrome
- Borde 12
- Internet Explorer 9.0
- Firefox 3.5
- Safari
- Ópera
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA