Thuộc tính media của thẻ Source

Đối tượng HTML DOM Source

Định nghĩa và cách sử dụng

media Cài đặt hoặc trả về giá trị của thuộc tính media trong thẻ <source>.

Thuộc tính media của thẻ <source> Định nghĩa loại phương tiện tài nguyên (tệp được tối ưu hóa cho哪些 phương tiện/thiết bị).

Trình duyệt có thể sử dụng thuộc tính media để xác định liệu nó có thể phát tệp hay không. Nếu không, nó có thể chọn không tải xuống.

Tài liệu tham khảo HTML:Thẻ HTML <source>

Mô hình

Trả về tệp cụ thể được tối ưu hóa cho哪些 phương tiện/thiết bị:

var x = document.getElementById("mySource").media;

Thử trực tiếp.

Cú pháp

Trả về thuộc tính media:

sourceObject.media

Đặt thuộc tính media:

sourceObject.media = value

Ghi chú:Tính chất này có thể chấp nhận nhiều giá trị.

Toán tử có thể.

Giá trị Mô tả
and Định nghĩa toán tử AND.
not Định nghĩa toán tử NOT.
, Định nghĩa hoặc toán tử.

Thiết bị

Giá trị Mô tả
all Dành cho tất cả các thiết bị. Mặc định.
aural Máy tạo âm thanh.
braille Thiết bị phản hồi braille.
handheld Thiết bị cầm tay (màn hình nhỏ, băng thông hạn chế).
projection Máy chiếu.
print Chế độ xem trước in/trang in.
screen Màn hình máy tính.
tty Máy đánh máy điện tử và các phương tiện tương tự sử dụng lưới ký tự cách đều.
tv Thiết bị loại truyền hình (độ phân giải thấp, khả năng cuộn hạn chế).

Giá trị thuộc tính

Giá trị Mô tả
width

Định nghĩa chiều rộng của khu vực hiển thị mục tiêu.

Có thể sử dụng tiền tố "min-" và "max-".

Ví dụ: media="screen and (min-width:500px)"
height

Định nghĩa chiều cao của khu vực hiển thị mục tiêu.

Có thể sử dụng tiền tố "min-" và "max-".

Ví dụ: media="screen and (max-height:700px)"
device-width

Định nghĩa chiều rộng của màn hình/ giấy mục tiêu.

Có thể sử dụng tiền tố "min-" và "max-".

Ví dụ: media="screen and (device-width:500px)"
device-height

Định nghĩa chiều cao của màn hình/ giấy mục tiêu.

Có thể sử dụng tiền tố "min-" và "max-".

Ví dụ: media="screen and (device-height:500px)"
orientation

Định nghĩa hướng của màn hình/ giấy mục tiêu.

Giá trị có thể: "portrait" hoặc "landscape".

Ví dụ: media="all and (orientation: landscape)"
aspect-ratio

Định nghĩa tỷ lệ rộng/cao của khu vực hiển thị mục tiêu.

Có thể sử dụng tiền tố "min-" và "max-".

Ví dụ: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio

Định nghĩa tỷ lệ rộng/cao của màn hình/ giấy mục tiêu.

Có thể sử dụng tiền tố "min-" và "max-".

Ví dụ: media="screen and (aspect-ratio:16/9)"
color

Định nghĩa số bit của mỗi màu của màn hình mục tiêu.

Có thể sử dụng tiền tố "min-" và "max-".

Ví dụ: media="screen and (color:3)"
color-index

Định nghĩa số màu mà màn hình mục tiêu có thể xử lý.

Có thể sử dụng tiền tố "min-" và "max-".

Ví dụ: media="screen and (min-color-index:256)"
monochrome

Định nghĩa số bit của mỗi pixel trong khung buffer đơn sắc.

Có thể sử dụng tiền tố "min-" và "max-".

Ví dụ: media="screen and (monochrome:2)"
resolution

Định nghĩa mật độ pixel (dpi hoặc dpcm) của màn hình/ giấy mục tiêu.

Có thể sử dụng tiền tố "min-" và "max-".

Ví dụ: media="print and (resolution:300dpi)"
scan

Định nghĩa phương thức quét của màn hình TV.

Giá trị có thể là "progressive" và "interlace".

Ví dụ: media="tv and (scan:interlace)"
grid

Định nghĩa thiết bị đầu ra là lưới hay bitmap.

Giá trị có thể của lưới là "1", còn lại là "0".

Ví dụ: media="handheld and (grid:1)"

Chi tiết kỹ thuật

Giá trị trả về: Giá trị chuỗi, biểu thị loại tài nguyên truyền thông.

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Ghi chú:Nhưng, bất kỳ trình duyệt chính nào cũng không hỗ trợ thuộc tính media của HTML.

Trang liên quan

Tài liệu tham khảo HTML:Thuộc tính media của thẻ HTML <source>

Đối tượng HTML DOM Source