例
什么样的回报媒体/设备的特定文件进行了优化：
var x = document.getElementById("mySource").media;
x的结果将是：
screen and (min-width:320px) 试一试» 定义和用法
媒体属性设置或返回的值media属性在<source>元素。
所述media属性指定媒体资源的类型（何种媒体/设备中的文件被用于优化）。
该浏览器可以使用media属性，以确定它是否可以播放的文件或没有。 如果不能，它可以选择不下载。
注意： <source>元件在HTML5是新的。
浏览器支持
媒体属性在所有主流浏览器的支持。
注： media然而属性，是不是在任何主流浏览器的支持。
句法
返回的媒体属性：
sourceObject .media设置媒体属性：
sourceObject .media= 注意：这个属性可以接受多个值。 可能的运营商
值 描述 and 指定一个AND运算 not 指定NOT运算符 , 指定OR运算符
设备
值 描述 all 适用于所有设备。 这是默认 aural 语音合成器 braille 盲文反馈装置 handheld 手持设备(small screen, limited bandwidth) projection 投影机 print 打印预览模式/打印页面 screen 电脑屏幕 tty 使用固定间距字符网格电传打字机和类似的媒体 tv 电视型器件(low resolution, limited scroll ability)
值
值 描述 width 指定目标的显示区域的宽度。
"min-"和"max-"可以使用前缀。
例如：媒体=“屏幕和(min-width:500px) ” height 指定目标显示区域的高度。
"min-"和"max-"可以使用前缀。
例如：媒体=“屏幕和(max-height:700px) ” device-width 指定目标显示/纸的宽度。
"min-"和"max-"可以使用前缀。
例如：媒体=“屏幕和(device-width:500px) ” device-height 指定目标显示/纸的高度。
"min-"和"max-"可以使用前缀。
例如：媒体=“屏幕和(device-height:500px) ” orientation 指定目标显示/纸的方向。
可能的值： "portrait"或"landscape"
例如：媒体=“所有和(orientation: landscape) ” aspect-ratio 指定目标的显示区域的宽度/高度比。
"min-"和"max-"可以使用前缀。
例如：媒体=“屏幕和(aspect-ratio:16/9) ” device-aspect-ratio 指定目标显示/纸的设备宽度/设备高度比。
"min-"和"max-"可以使用前缀。
例如：媒体=“屏幕和(aspect-ratio:16/9) ” color 指定每个目标的显示颜色的位。
"min-"和"max-"可以使用前缀。
例如：媒体= “屏幕和(color:3) color-index 指定颜色的目标显示可以处理的数量。
"min-"和"max-"可以使用前缀。
例如：媒体=“屏幕和(min-color-index:256) ” monochrome 指定在单色帧缓冲器每像素的位。
"min-"和"max-"可以使用前缀。
例如：媒体= “屏幕和(monochrome:2) resolution 指定像素密度(dpi or dpcm)目标显示/纸。
"min-"和"max-"可以使用前缀。
例如：媒体= “打印和(resolution:300dpi) scan 指定一个TV显示器的扫描方法。
可能的值是"progressive"和"interlace" 。
例如：媒体=“电视和(scan:interlace) ” grid 指定是否输出设备是网格或位图。
可能的值是"1"为网格，和"0" ，否则。
例如：媒体= “手持式和(grid:1)
技术细节
返回值： 一个String，表示缩进类型的媒体资源的
相关页面
HTML参考： HTML <source>媒体属性
<源对象