源 media 属性
描述
media 属性设置或返回 <source> 元素中 media 属性的值。
media 属性指定媒体资源的类型（文件优化的媒体/设备）。
浏览器可以使用 media 属性来确定它是否可以播放文件。如果不能，它可以选择不下载它。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| media | 是 | 是 | 是 | 是 | 是 |
注意： HTML media 属性 然而，**不支持** 在任何主要浏览器中。
语法
返回 media 属性
sourceObject.media
设置 media 属性
sourceObject.media = value
注意： 此属性可以接受多个值。
可能的运算符
| 值 | 描述 |
|---|---|
| and | 指定 AND 运算符 |
| not | 指定 NOT 运算符 |
| , | or |
指定 OR 运算符
| 值 | 描述 |
|---|---|
| 设备 | all |
| 适用于所有设备。这是默认值 | aural |
| 语音合成器 | braille |
| 盲文反馈设备 | handheld |
| 手持设备（小屏幕，带宽有限） | projection |
| 投影仪 | |
| 打印预览模式/打印页面 | screen |
| 电脑屏幕 | tty |
| 电传打字机和使用固定间距字符网格的类似媒体 | tv |
电视机类型设备（低分辨率，滚动能力有限）
| 值 | 描述 |
|---|---|
| 值 | width 指定目标显示区域的宽度。 "min-" 和 "max-" 前缀可以被使用。 |
| 示例：media="screen and (min-width:500px)" | height 指定目标显示区域的宽度。 指定目标显示区域的高度。 |
| 示例：media="screen and (max-height:700px)" | device-width 指定目标显示区域的宽度。 指定目标显示/纸张的宽度。 |
| 示例：media="screen and (device-width:500px)" | device-height 指定目标显示区域的宽度。 指定目标显示/纸张的高度。 |
| 示例：media="screen and (device-height:500px)" | orientation 指定目标显示/纸张的方向。 可能的取值："portrait" 或 "landscape" |
| 示例：media="all and (orientation: landscape)" | aspect-ratio 指定目标显示区域的宽度。 指定目标显示区域的宽高比。 |
| 示例：media="screen and (aspect-ratio:16/9)" | device-aspect-ratio 指定目标显示区域的宽度。 指定目标显示区域的宽高比。 |
| 指定目标显示/纸张的设备宽度/设备高度比。 | color 指定目标显示区域的宽度。 指定目标显示的每种颜色位数。 |
| 示例：media="screen and (color:3)" | color-index 指定目标显示区域的宽度。 指定目标显示可以处理的颜色数。 |
| 示例：media="screen and (min-color-index:256)" | monochrome 指定目标显示区域的宽度。 指定单色帧缓冲器中的每像素位数。 |
| 示例：media="screen and (monochrome:2)" | resolution 指定目标显示区域的宽度。 指定目标显示/纸张的像素密度（dpi 或 dpcm）。 |
| 示例：media="print and (resolution:300dpi)" | scan 指定电视显示的扫描方法。 可能的取值是 "progressive" 和 "interlace"。 |
| 示例：media="tv and (scan:interlace)" | grid 指定输出设备是网格还是位图。 可能的取值是 "1" 表示网格，"0" 表示其他。 |
示例：media="handheld and (grid:1)"
| 技术细节 | 返回值 |
|---|
一个字符串，表示媒体资源的缩进类型
相关页面
❮ 源对象
