资源的媒体

---

实例

使用 媒体 属性：

<!文章类型 网页>
<网页>
<头部>
<兼容模式 / >
</头部>
<主体>
<视频 宽度=“320“ 高度=“240“ 控件>
<资源 资源地址=“https://www.w3school.com.cn/i/movie.mp4“ 类型=“视频/mp4“ 媒体=“屏幕 和 (最小宽度:320像素)“>
<资源 资源地址=“https://www.w3school.com.cn/i/movie.mp4“ 媒体=“屏幕 和 (最小宽度:320像素)“>
您的浏览器不支持 视频 标签。
</视频>
<段落><粗体>注释：</粗体>目前几乎没有浏览器支持 视频 属性。</段落>
</主体>
</网页>

---

 

浏览器支持

 

IE	Firefox	Chrome	Safari	Opera
否	否	否	否	否

 

任何浏览器都不支持 <资源> 标签的 媒体 属性。

---

定义和用法

媒体 属性规定媒体资源的类型（文件是为何种媒体/设备进行了优化）。

浏览器可使用该属性来判断它是否能播放这个文件。如果不能播放，则可以选择不进行下载。

注释：该属性可接受多个值。

注：<资源> 标签是 HTML 5 中的新标签。

---

语法

<资源 媒体="值">

可能的运算符

值	描述
和	规定 和 运算符。
非	规定 非 运算符。
,	规定 或者 运算符。

设备

值	描述
全部	默认。适用于所有设备。
听觉	语音合成器。
盲文	盲文点字反馈设备。
手持	手持设备（小型屏幕、有限带宽）
投影	投影仪
打印	打印预览模式/打印页面
屏幕	计算机屏幕
打字机	电传打字机以及类似的使用等宽字符网格的媒体。
电视	电视机类型设备（低分辨率、有限的滚屏能力）。

值

值	描述
宽度	规定目标显示区域的宽度。 可使用 "最小值-" 和 "最大值-" 前缀。 例子：媒体="屏幕 和(最小值-宽度:500像素)"
高度	规定目标显示区域的高度。 可使用 "最小值-" 和 "最大值-" 前缀。 例子：媒体="屏幕 和(最大值-高度:600像素)"
设备宽度	规定目标显示器/纸张的宽度。 可使用 "最小值-" 和 "最大值-" 前缀。 例子：媒体="屏幕 和(设备宽度:500像素)"
设备高度	规定目标显示器/纸张的高度。 可使用 "最小值-" 和 "最大值-" 前缀。 例子：媒体="屏幕 和(设备高度:600像素)"
定向	规定目标显示器/纸张的方向。 可能的值："竖" 或 "横"。 例子：媒体="全部 和(定向: 横)"
宽高比	规定目标显示区域的宽度/高度比。 可使用 "最小值-" 和 "最大值-" 前缀。 例子：媒体="屏幕 和(宽高比:16/10)"
设备宽高比	规定目标显示器/纸张的 设备宽度/设备高度 比率。 可使用 "最小值-" 和 "最大值-" 前缀。 例子：媒体="屏幕 和(宽高比:16/10)"
颜色	规定目标显示器的 位/颜色（每色位）。 可使用 "最小值-" 和 "最大值-" 前缀。 例子：媒体="屏幕 和(颜色:10)"
颜色索引	规定目标显示器可以处理的颜色数。 可使用 "最小值-" 和 "最大值-" 前缀。 例子：媒体="屏幕 和(最小值-颜色索引:16777216)"
单色	规定单色帧缓冲中的 位/像素。 可使用 "最小值-" 和 "最大值-" 前缀。 例子：媒体="屏幕 和(单色:2)"
分辨率	规定目标显示器/纸张的像素密度 dpi（点每英寸） 或 dpcm（像素每厘米）。 可使用 "最小值-" 和 "最大值-" 前缀。 例子：媒体="打印 和(分辨率:326dpi)"
扫描	规定电视显示器的扫描方式。 可能的值："逐行" 和 "隔行"。 例子：媒体="电视 和(扫描:隔行)"
网格	规定输出设备是网格还是位图。 可能的值："1" 为网格，否则为 "0"。 例子：媒体="手持 和(网格 :0)"

---

---