Thuộc tính phương tiện nguồn
Thí dụ
Trả lại phương tiện / thiết bị nào mà một tệp cụ thể được tối ưu hóa cho:
var x = document.getElementById("mySource").media;
Định nghĩa và Cách sử dụng
Thuộc tính media đặt hoặc trả về giá trị của thuộc tính media trong phần tử <source>.
Thuộc tính media chỉ định loại tài nguyên phương tiện (phương tiện / thiết bị nào mà tệp được tối ưu hóa).
Trình duyệt có thể sử dụng thuộc tính media để xác định xem nó có thể phát tệp hay không. Nếu không thể, nó có thể chọn không tải xuống.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
media | Yes | Yes | Yes | Yes | Yes |
Lưu ý: Tuy nhiên, thuộc tính phương tiện HTML KHÔNG được hỗ trợ trong bất kỳ trình duyệt chính nào.
Cú pháp
Trả lại thuộc tính phương tiện:
sourceObject.media
Đặt thuộc tính phương tiện:
sourceObject.media = value
Lưu ý: Thuộc tính này có thể chấp nhận một số giá trị.
Các nhà khai thác có thể
Value | Description |
---|---|
and | Specifies an AND operator |
not | Specifies a NOT operator |
, | Specifies an OR operator |
Thiết bị
Value | Description |
---|---|
all | Suitable for all devices. This is default |
aural | Speech synthesizers |
braille | Braille feedback devices |
handheld | Handheld devices (small screen, limited bandwidth) |
projection | Projectors |
Print preview mode/printed pages | |
screen | Computer screens |
tty | Teletypes and similar media using a fixed-pitch character grid |
tv | Television type devices (low resolution, limited scroll ability) |
Giá trị
Value | Description |
---|---|
width | Specifies the width of the targeted display area. "min-" and "max-" prefixes can be used. Example: media="screen and (min-width:500px)" |
height | Specifies the height of the targeted display area. "min-" and "max-" prefixes can be used. Example: media="screen and (max-height:700px)" |
device-width | Specifies the width of the target display/paper. "min-" and "max-" prefixes can be used. Example: media="screen and (device-width:500px)" |
device-height | Specifies the height of the target display/paper. "min-" and "max-" prefixes can be used. Example: media="screen and (device-height:500px)" |
orientation | Specifies the orientation of the target display/paper. Possible values: "portrait" or "landscape" Example: media="all and (orientation: landscape)" |
aspect-ratio | Specifies the width/height ratio of the targeted display area. "min-" and "max-" prefixes can be used. Example: media="screen and (aspect-ratio:16/9)" |
device-aspect-ratio | Specifies the device-width/device-height ratio of the target display/paper. "min-" and "max-" prefixes can be used. Example: media="screen and (aspect-ratio:16/9)" |
color | Specifies the bits per color of target display. "min-" and "max-" prefixes can be used. Example: media="screen and (color:3)" |
color-index | Specifies the number of colors the target display can handle. "min-" and "max-" prefixes can be used. Example: media="screen and (min-color-index:256)" |
monochrome | Specifies the bits per pixel in a monochrome frame buffer. "min-" and "max-" prefixes can be used. Example: media="screen and (monochrome:2)" |
resolution | Specifies the pixel density (dpi or dpcm) of the target display/paper. "min-" and "max-" prefixes can be used. Example: media="print and (resolution:300dpi)" |
scan | Specifies scanning method of a tv display. Possible values are "progressive" and "interlace". Example: media="tv and (scan:interlace)" |
grid | Specifies if the output device is grid or bitmap. Possible values are "1" for grid, and "0" otherwise. Example: media="handheld and (grid:1)" |
Chi tiết kỹ thuật
Giá trị trả lại: | Một chuỗi, đại diện cho kiểu thụt lề của tài nguyên phương tiện |
---|
Các trang liên quan
Tham chiếu HTML: Thuộc tính phương tiện HTML <source>
❮ Đối tượng nguồn