Properti media Source
Definisi dan penggunaan
media Setel atau kembalikan nilai properti media dalam elemen <source>.
<source> properti media Atur jenis sumber media (file disesuaikan untuk media/peranti mana).
Browser dapat menggunakan properti media untuk menentukan apakah ia dapat memainkan file. Jika tidak, ia dapat memilih untuk tidak mengunduh.
Panduan Referensi HTML:Tanda <source> HTML
Contoh
Kembalikan file mana yang disesuaikan untuk media/peranti.
var x = document.getElementById("mySource").media;
Sintaks
Kembalikan properti media: .media
sourceObject.media
Setel properti media: .media
sourceObject.media = value
Komen:Properti ini dapat menerima nilai berbagai macam.
Operator yang mungkin
| nilai | deskripsi |
|---|---|
| and | Aturan AND operator. |
| not | Aturan NOT operator. |
| , | Aturan OR operator. |
Peranti
| nilai | deskripsi |
|---|---|
| all | Sesuai untuk semua peranti. Lengkap. Default. |
| aural | Peranti penggabung suara. |
| braille | Alat umpan balik Braille. |
| handheld | Peranti tangki (layar kecil, bandwith terbatas). |
| projection | Proyektor |
| Mode pratinjau cetak/halaman cetak. | |
| screen | Layar komputer. |
| tty | Ketiktelegram dan media yang serupa dengan jaringan karakter jarak tetap. |
| tv | Peranti jenis TV (resolusi rendah, kemampuan gerak halus terbatas). |
nilai atribut
| nilai | deskripsi |
|---|---|
| width |
atur lebar area papan layar tujuan. dapat digunakan awalan "min-" dan "max-". contoh: media="screen and (min-width:500px)" |
| height |
atur tinggi area papan layar tujuan. dapat digunakan awalan "min-" dan "max-". contoh: media="screen and (max-height:700px)" |
| device-width |
atur lebar papan layar tujuan/papir. dapat digunakan awalan "min-" dan "max-". contoh: media="screen and (device-width:500px)" |
| device-height |
atur tinggi papan layar tujuan/papir. dapat digunakan awalan "min-" dan "max-". contoh: media="screen and (device-height:500px)" |
| orientation |
atur arah papan layar tujuan/papir. nilai yang mungkin: "portrait" atau "landscape". contoh: media="all and (orientation: landscape)" |
| aspect-ratio |
atur rasio lebar/tinggi area papan layar tujuan. dapat digunakan awalan "min-" dan "max-". contoh: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio |
atur rasio lebar/tinggi perangkat papan layar/papir. dapat digunakan awalan "min-" dan "max-". contoh: media="screen and (aspect-ratio:16/9)" |
| color |
atur bit per warna untuk papan layar tujuan. dapat digunakan awalan "min-" dan "max-". contoh: media="screen and (color:3)" |
| color-index |
atur jumlah warna yang dapat diproses papan layar tujuan. dapat digunakan awalan "min-" dan "max-". contoh: media="screen and (min-color-index:256)" |
| monochrome |
atur bit per piksel dalam buffer warna monokrom. dapat digunakan awalan "min-" dan "max-". contoh: media="screen and (monochrome:2)" |
| resolution |
atur kepadatan piksel papan layar tujuan/papir (dpi atau dpcm). dapat digunakan awalan "min-" dan "max-". contoh: media="print and (resolution:300dpi)" |
| scan |
atur metode pemindaian papan layar TV. nilai yang mungkin adalah "progressive" dan "interlace". contoh: media="tv and (scan:interlace)" |
| grid |
atur perangkat keluar adalah grid atau bitmap. nilai yang mungkin bagi grid adalah "1", sebaliknya adalah "0". Contoh: media="handheld and (grid:1)" |
Detil Teknik
| Nilai pengembalian: | Nilai string, menunjukkan jenis sumber media. |
|---|
Pematuhan Pelayar
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Disediakan | Disediakan | Disediakan | Disediakan | Disediakan |
Komen:Namun, tiada pelayar utama yang menyokong properti media HTML.
Halaman yang berkaitan
Panduan Referensi HTML:Properti <source> media HTML
