Ejemplo
Devolver lo que los medios de comunicación / dispositivo de un archivo específico está optimizado para:
var x = document.getElementById("mySource").media;
El resultado de x será:
screen and (min-width:320px) Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades de medios de comunicación o devuelve el valor de la media atributo en un <source> elemento.
El media atributo especifica el tipo de recursos de medios (lo que los medios / dispositivo el archivo está optimizado para).
El navegador puede utilizar la media de atributos para determinar si se puede reproducir el archivo o no. Si no puede, se puede optar por no descargarlo.
Nota: La <source> elemento es nuevo en HTML5.
Soporte del navegador
La propiedad de medios es compatible con todos los principales navegadores.
Nota: La media de atributos sin embargo, no es compatible con cualquiera de los principales navegadores.
Sintaxis
Devolver la propiedad de medios:
sourceObject .mediaEstablecer la propiedad de los medios de comunicación:
sourceObject .media= Nota: Esta propiedad puede aceptar varios valores. Los operadores posibles
Valor Descripción and Especifica un operador AND not Especifica un operador NOT , Especifica un operador OR
dispositivos
Valor Descripción all Adecuado para todos los dispositivos. Esto es por defecto aural Los sintetizadores de voz braille dispositivos de información en braille handheld Los dispositivos de mano (small screen, limited bandwidth) projection proyectores print Modo de vista previa de impresión / páginas impresas screen Las pantallas de ordenador tty Teletipos y medios similares utilizando una cuadrícula de caracteres de tamaño fijo tv Dispositivos de tipo televisión (low resolution, limited scroll ability)
Valores
Valor Descripción width Especifica el ancho del área de visualización de destino.
"min-" y "max-" prefijos se pueden utilizar.
Ejemplo: medios de comunicación = "pantalla y (min-width:500px) " height Especifica la altura del área de visualización de destino.
"min-" y "max-" prefijos se pueden utilizar.
Ejemplo: medios de comunicación = "pantalla y (max-height:700px) " device-width Especifica la anchura del objetivo de visualización / papel.
"min-" y "max-" prefijos se pueden utilizar.
Ejemplo: medios de comunicación = "pantalla y (device-width:500px) " device-height Especifica la altura del objetivo de visualización / papel.
"min-" y "max-" prefijos se pueden utilizar.
Ejemplo: medios de comunicación = "pantalla y (device-height:500px) " orientation Especifica la orientación del objetivo de visualización / papel.
Valores posibles: "portrait" o "landscape"
Ejemplo: = medios de comunicación "todo y (orientation: landscape) " aspect-ratio Especifica la relación de anchura / altura de la zona de visualización de destino.
"min-" y "max-" prefijos se pueden utilizar.
Ejemplo: medios de comunicación = "pantalla y (aspect-ratio:16/9) " device-aspect-ratio Especifica la relación de dispositivo de anchura / dispositivo de altura del objetivo de visualización / papel.
"min-" y "max-" prefijos se pueden utilizar.
Ejemplo: medios de comunicación = "pantalla y (aspect-ratio:16/9) " color Especifica los bits por color de visualización de destino.
"min-" y "max-" prefijos se pueden utilizar.
Ejemplo: medios de comunicación = "pantalla y (color:3) " color-index Especifica el número de colores de la pantalla de destino puede manejar.
"min-" y "max-" prefijos se pueden utilizar.
Ejemplo: medios de comunicación = "pantalla y (min-color-index:256) " monochrome Especifica los bits por píxel en una memoria intermedia de trama monocromo.
"min-" y "max-" prefijos se pueden utilizar.
Ejemplo: medios de comunicación = "pantalla y (monochrome:2) " resolution Especifica la densidad de píxeles (dpi or dpcm) del objetivo de visualización / papel.
"min-" y "max-" prefijos se pueden utilizar.
Ejemplo: = medios de comunicación "de impresión y (resolution:300dpi) " scan Especifica método de exploración de una pantalla de televisión.
Los valores posibles son "progressive" y "interlace" .
Ejemplo: "tv y = de medios de comunicación (scan:interlace) " grid Especifica si el dispositivo de salida es rejilla o de mapa de bits.
Los valores posibles son "1" para la red, y "0" lo contrario.
Ejemplo: = medios de comunicación "de mano y (grid:1) "
Detalles técnicos
Valor de retorno: Una cadena, que representa el tipo sangría del recurso medios
Páginas relacionadas
Referencia HTML: HTML <source> atributo media
<Objeto de origen