source.media | Html

Descripción

El atributo media del elemento source en HTML es usado para especificar qué medios o dispositivos de medios (tipo de pantalla, ancho de banda, etc.) para los que la fuente especificada debe ser utilizada.

Sintaxis

<source media="media-query">

Donde “media-query” es una cadena de texto que especifica las condiciones en las que la fuente debe ser utilizada.

Elemento Padre

source

Ejemplo

<video controls>
  <source src="mivideo.mp4" type="video/mp4" media="(min-width: 800px)">
  <source src="mivideo_480.mp4" type="video/mp4" media="(max-width: 799px)">
  Tu navegador no soporta el elemento de video HTML5.
</video>

En este ejemplo, el navegador utilizará “mivideo.mp4” si el ancho de la pantalla es de 800px o más, y “mivideo_480.mp4” si el ancho de la pantalla es inferior a 800px.

Artículos

Manual HTML

Aprende más sobre HTML consultando online o descargando nuestro manual.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Vídeos HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.