คุณสมบัติ Source media

HTML DOM Source องค์ประกอบ

การระบุและการใช้งาน

media ตั้งค่าหรือกลับค่าคุณสมบัติ media ขององค์ประกอบ <source>

<source> คุณสมบัติ media ประกาศชนิดของทรัพยากรสื่อ (ไฟล์นี้ทำความสะดวกสำหรับสื่อ/อุปกรณ์ใด)

เครื่องเสริมสมรรถนะสามารถใช้คุณสมบัติ media ของอุปกรณ์เพื่อตรวจสอบว่ามันสามารถเล่นไฟล์ได้หรือไม่ ถ้าไม่สามารถเล่นได้ มันสามารถเลือกที่จะไม่ดาวน์โหลด

คู่มือ HTML:ตามที่กล่าวถึง HTML <source> แท็ก

ตัวอย่าง

กลับค่าเฉพาะที่แสดงว่าแบบไฟล์นี้เป็นแบบไฟล์ที่ทำความสะดวกสำหรับสื่อ/อุปกรณ์ใด

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

ลองทดลองด้วยตัวเอง

สัญญาณ

กลับค่าคุณสมบัติ media ของอุปกรณ์

sourceObject.media

ตั้งค่าคุณสมบัติ media ของอุปกรณ์

sourceObject.media = value

หมายเหตุ:คุณสมบัตินี้สามารถรับค่าหลายตัวได้

ประกาศที่เป็นไปได้

ค่า รายละเอียด
and ประกาศ AND ที่เทียบเท่า
not ประกาศ NOT ที่เทียบเท่า
, ประกาศ หรือ ประกาศที่เทียบเท่า

อุปกรณ์

ค่า รายละเอียด
all เหมาะสำหรับทุกอุปกรณ์ โดยเริ่มต้น
aural เครื่องสร้างเสียงประกอบ
braille อุปกรณ์แสดงสัญญาณแบบเปลือกตา
handheld อุปกรณ์หุ้มฝีมือ (หน้าจอเล็ก ช่องทางความเร็วจำกัด)
projection เครื่องภาพยนตร์
print โหมดแสดงตัวแทนก่อนการพิมพ์/หน้าใบพิมพ์
screen หน้าจอคอมพิวเตอร์
tty โทรเลขที่ใช้เครืองตัวอักษรที่มีระยะห่างเดียวกันและสื่อที่คล้ายกัน
tv อุปกรณ์ประเภทโทรทัศน์ (ลดรายละเอียดตัวแทนภาพ ความสามารถในการเลื่อนตัวจำกัด)

ค่าทางตัวเลข

ค่า รายละเอียด
width

กำหนดความกว้างของพื้นที่แสดงผลเป้าหมาย

สามารถใช้คำนำหน้า "min-" และ "max-" ได้

ตัวอย่าง: media="screen and (min-width:500px)"
height

กำหนดความสูงของพื้นที่แสดงผลเป้าหมาย

สามารถใช้คำนำหน้า "min-" และ "max-" ได้

ตัวอย่าง: media="screen and (max-height:700px)"
device-width

กำหนดความกว้างของจอหรือกระดาษเป้าหมาย

สามารถใช้คำนำหน้า "min-" และ "max-" ได้

ตัวอย่าง: media="screen and (device-width:500px)"
device-height

กำหนดความสูงของจอหรือกระดาษเป้าหมาย

สามารถใช้คำนำหน้า "min-" และ "max-" ได้

ตัวอย่าง: media="screen and (device-height:500px)"
orientation

กำหนดทิศทางของจอหรือกระดาษเป้าหมาย

ค่าที่เป็นไปได้: "portrait" หรือ "landscape"

ตัวอย่าง: media="all and (orientation: landscape)"
aspect-ratio

กำหนดอัตราส่วนกว้างสูงของพื้นที่แสดงผลเป้าหมาย

สามารถใช้คำนำหน้า "min-" และ "max-" ได้

ตัวอย่าง: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio

กำหนดอัตราส่วนกว้างสูงของอุปกรณ์หรือกระดาษเป้าหมาย

สามารถใช้คำนำหน้า "min-" และ "max-" ได้

ตัวอย่าง: media="screen and (aspect-ratio:16/9)"
color

กำหนดจำนวนบิตของแต่ละสีของจอหรือจอเป้าหมาย

สามารถใช้คำนำหน้า "min-" และ "max-" ได้

ตัวอย่าง: media="screen and (color:3)"
color-index

กำหนดจำนวนสีที่จอหรือจอเป้าหมายสามารถจัดการได้

สามารถใช้คำนำหน้า "min-" และ "max-" ได้

ตัวอย่าง: media="screen and (min-color-index:256)"
monochrome

กำหนดจำนวนบิตของแต่ละพิกเซลในหน่วยเงาเดียว

สามารถใช้คำนำหน้า "min-" และ "max-" ได้

ตัวอย่าง: media="screen and (monochrome:2)"
resolution

กำหนดความหนาแน่นของพิกเซลของจอหรือกระดาษเป้าหมาย (dpi หรือ dpcm)

สามารถใช้คำนำหน้า "min-" และ "max-" ได้

ตัวอย่าง: media="print and (resolution:300dpi)"
scan

กำหนดวิธีสแกนของจอแสดงผลโทรทัศน์

ค่าที่เป็นไปได้คือ "progressive" และ "interlace"。

ตัวอย่าง: media="tv and (scan:interlace)"
grid

กำหนดอุปกรณ์ออกอากาศเป็นแง่หรือแบบรูปภาพ

ค่าที่เป็นไปได้ของแง่ "1" หรือค่าอื่น ๆ จะเป็น "0"。

ตัวอย่าง: media="handheld and (grid:1)"

รายละเอียดเทคนิค

ค่าที่ส่งกลับมา: ค่าตัวแปรของตัวอักษร ที่แสดงชนิดของทรัพยากรสื่อ

การสนับสนุนโดยเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

หมายเหตุ:แต่ บราวเซอร์หลักทุกตัวไม่สนับสนุนคุณสมบัติ media ของ HTML

หน้าที่เกี่ยวข้อง

คู่มือ HTML:คุณสมบัติ media ของ HTML <source>

HTML DOM Source องค์ประกอบ