Exemplo
Devolver o que media / dispositivo de um arquivo específico é otimizado para:
var x = document.getElementById("mySource").media;
O resultado x será:
screen and (min-width:320px) Tente você mesmo " Definição e Uso
Os conjuntos de propriedades de mídia ou retorna o valor da media atributo em um <source> elemento.
A media atributo especifica o tipo de recurso de mídia (que media / dispositivo o arquivo é otimizado para).
O navegador pode usar a media atributo para determinar se ele pode reproduzir o arquivo ou não. Se ele não pode, ele pode optar por não fazer o download.
Nota: O <source> elemento é novo em HTML5.
Suporte navegador
A propriedade de mídia é suportado em todos os principais navegadores.
Nota: A media atribuem no entanto, não é suportado em qualquer um dos principais navegadores.
Sintaxe
Devolver a propriedade de mídia:
sourceObject .mediaDefina a propriedade de mídia:
sourceObject .media= Nota: Esta propriedade pode aceitar vários valores. Operadores possíveis
Valor Descrição and Especifica um operador AND not Especifica um operador NOT , Especifica um operador OU
Devices
Valor Descrição all Adequado para todos os dispositivos. Este é o padrão aural sintetizadores de voz braille dispositivos de realimentação Braille handheld Os dispositivos portáteis (small screen, limited bandwidth) projection projetores print / páginas impressas modo de visualização de impressão screen telas de computador tty Teletypes e meios semelhantes, utilizando uma grade de caracteres de passo fixo tv Dispositivos do tipo de televisão (low resolution, limited scroll ability)
valores
Valor Descrição width Especifica a largura da área de exibição de alvo.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media = "tela e (min-width:500px) " height Especifica a altura da área de exibição de alvo.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media = "tela e (max-height:700px) " device-width Especifica a largura do alvo de exibição / papel.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media = "tela e (device-width:500px) " device-height Especifica a altura do alvo visor / papel.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media = "tela e (device-height:500px) " orientation Especifica a orientação do alvo visor / papel.
Valores possíveis: "portrait" ou "landscape"
Exemplo: media = "tudo e (orientation: landscape) " aspect-ratio Especifica a relação largura / altura da área de exposição segmentado.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media = "tela e (aspect-ratio:16/9) " device-aspect-ratio Especifica a proporção dispositivo de largura / altura de dispositivo de exibição do alvo / papel.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media = "tela e (aspect-ratio:16/9) " color Especifica os bits por cor de exibição de alvo.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media = "tela e (color:3) " color-index Especifica o número de cores a exibição de destino pode manipular.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media = "tela e (min-color-index:256) " monochrome Especifica os bits por pixel em um frame buffer monocromático.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media = "tela e (monochrome:2) " resolution Especifica a densidade de pixels (dpi or dpcm) do alvo visor / papel.
"min-" e "max-" prefixos pode ser usado.
Exemplo: media = "print e (resolution:300dpi) " scan Especifica método de digitalização de um monitor de TV.
Os valores possíveis são "progressive" e "interlace" .
Exemplo: "TV e media = (scan:interlace) " grid Especifica se o dispositivo de saída é grade ou bitmap.
Os valores possíveis são "1" para o grid, e "0" caso contrário.
Exemplo: media = "portátil e (grid:1) "
Detalhes técnicos
Valor de retorno: A String, que representa o tipo recuado do recurso de mídia
Páginas relacionadas
Referência HTML: HTML <source> atributo media
<Fonte Objeto