ตัวอย่าง
กลับสิ่งที่สื่อ / อุปกรณ์เฉพาะไฟล์ที่เหมาะสำหรับ:
var x = document.getElementById("mySource").media;
ผลของ x จะเป็น:
screen and (min-width:320px)
ลองตัวเอง» ความหมายและการใช้งาน
ชุดสถานที่ให้บริการสื่อหรือผลตอบแทนที่คุ้มค่าของ media แอตทริบิวต์ใน <source> องค์ประกอบ
media แอตทริบิวต์ระบุชนิดของทรัพยากรสื่อ (สิ่งที่สื่อ / อุปกรณ์ไฟล์ที่เหมาะสำหรับ)
เบราว์เซอร์สามารถใช้ media แอตทริบิวต์เพื่อตรวจสอบว่าสามารถเล่นไฟล์หรือไม่ ถ้ามันไม่สามารถที่จะสามารถเลือกที่จะไม่ดาวน์โหลดได้
หมายเหตุ: <source> องค์ประกอบใหม่ใน HTML5
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการสื่อการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
หมายเหตุ: media แอตทริบิวต์ แต่ไม่ได้รับการสนับสนุนในการใด ๆ ของเบราว์เซอร์ที่สำคัญ
วากยสัมพันธ์
คืนทรัพย์สินสื่อ:
sourceObject .media
ตั้งค่าคุณสมบัติสื่อ:
sourceObject .media= หมายเหตุ: คุณสมบัตินี้สามารถยอมรับหลายค่า ผู้ประกอบการที่เป็นไปได้
ความคุ้มค่า ลักษณะ and ระบุและผู้ประกอบการ not ระบุผู้ประกอบการไม่ได้ , ระบุผู้ประกอบการหรือ
อุปกรณ์
ความคุ้มค่า ลักษณะ all เหมาะสำหรับอุปกรณ์ทั้งหมด นี้จะเริ่มต้น aural สังเคราะห์เสียงพูด braille อุปกรณ์ความคิดเห็นอักษรเบรลล์ handheld อุปกรณ์มือถือ (small screen, limited bandwidth) projection โปรเจ็คเตอร์ print โหมดการแสดงตัวอย่างพิมพ์ / พิมพ์หน้า screen หน้าจอคอมพิวเตอร์ tty Teletypes และสื่อคล้ายกันโดยใช้คงที่สนามตารางตัวอักษร tv อุปกรณ์ประเภทโทรทัศน์ (low resolution, limited scroll ability)
ค่า
ความคุ้มค่า ลักษณะ width ระบุความกว้างของพื้นที่แสดงผลการกำหนดเป้าหมายที่
"min-" และ "max-" คำนำหน้าสามารถนำมาใช้
ตัวอย่าง: สื่อ = "หน้าจอและ (min-width:500px) " height ระบุความสูงของพื้นที่แสดงผลการกำหนดเป้าหมายที่
"min-" และ "max-" คำนำหน้าสามารถนำมาใช้
ตัวอย่าง: สื่อ = "หน้าจอและ (max-height:700px) " device-width ระบุความกว้างของจอแสดงผลเป้าหมาย / กระดาษ
"min-" และ "max-" คำนำหน้าสามารถนำมาใช้
ตัวอย่าง: สื่อ = "หน้าจอและ (device-width:500px) " device-height ระบุความสูงของจอแสดงผลเป้าหมาย / กระดาษ
"min-" และ "max-" คำนำหน้าสามารถนำมาใช้
ตัวอย่าง: สื่อ = "หน้าจอและ (device-height:500px) " orientation ระบุการวางแนวของจอแสดงผลเป้าหมาย / กระดาษ
ค่าที่เป็นไปได้: "portrait" หรือ "landscape"
ตัวอย่าง: สื่อ = "และ (orientation: landscape) " aspect-ratio ระบุอัตราส่วนความกว้าง / ความสูงของพื้นที่แสดงผลเป้าหมาย
"min-" และ "max-" คำนำหน้าสามารถนำมาใช้
ตัวอย่าง: สื่อ = "หน้าจอและ (aspect-ratio:16/9) " device-aspect-ratio ระบุอัตราส่วนกว้างของอุปกรณ์ / อุปกรณ์ความสูงของจอแสดงผลเป้าหมาย / กระดาษ
"min-" และ "max-" คำนำหน้าสามารถนำมาใช้
ตัวอย่าง: สื่อ = "หน้าจอและ (aspect-ratio:16/9) " color ระบุบิตต่อสีของจอแสดงผลเป้าหมาย
"min-" และ "max-" คำนำหน้าสามารถนำมาใช้
ตัวอย่าง: สื่อ = "หน้าจอและ (color:3) " color-index ระบุจำนวนสีจอแสดงผลเป้าหมายสามารถจัดการ
"min-" และ "max-" คำนำหน้าสามารถนำมาใช้
ตัวอย่าง: สื่อ = "หน้าจอและ (min-color-index:256) " monochrome ระบุบิตต่อพิกเซลในเฟรมบัฟเฟอร์ขาวดำ
"min-" และ "max-" คำนำหน้าสามารถนำมาใช้
ตัวอย่าง: สื่อ = "หน้าจอและ (monochrome:2) " resolution ระบุความหนาแน่นของพิกเซล (dpi or dpcm) ของจอแสดงผลเป้าหมาย / กระดาษ
"min-" และ "max-" คำนำหน้าสามารถนำมาใช้
ตัวอย่าง: = สื่อ "พิมพ์และ (resolution:300dpi) " scan ระบุวิธีการสแกนของจอแสดงผลทีวี
ค่าที่เป็นไปได้ "progressive" และ "interlace"
ตัวอย่าง: สื่อ = "โทรทัศน์และ (scan:interlace) " grid ระบุหากอุปกรณ์ออกเป็นตารางหรือบิตแมป
ค่าที่เป็นไปได้ "1" สำหรับตารางและ "0" เป็นอย่างอื่น
ตัวอย่าง: สื่อ = "มีด้ามจับและ (grid:1) "
รายละเอียดทางเทคนิค
กลับค่า: สตริงที่เป็นตัวแทนของประเภทเยื้องทรัพยากรสื่อ
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML: HTML <source> แอตทริบิวต์สื่อ
<object ที่มา