tutorial pengembangan web terbaru
 

HTML <source> media Attribute

<HTML <source> tag

Contoh

Gunakan satu media atribut:

<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Cobalah sendiri "

Definisi dan Penggunaan

The media atribut menentukan jenis sumber daya media (media apa / perangkat file dioptimalkan untuk).

Browser dapat menggunakan atribut ini untuk menentukan apakah dapat memutar file atau tidak. Jika tidak bisa, dapat memilih untuk tidak men-download.

Catatan: Atribut ini dapat menerima beberapa nilai.


Dukungan Browser

Atribut
media Tidak didukung Tidak didukung Tidak didukung Tidak didukung Tidak didukung

Perbedaan Antara HTML 4.01 dan HTML5

The <source> tag yang baru di HTML5.


Sintaksis

<source media="value">

kemungkinan Operators

Nilai Deskripsi
and Menentukan operator AND
not Menentukan operator NOT
, Menentukan operator OR

perangkat

Nilai Deskripsi
all Cocok untuk semua perangkat. Ini adalah default
aural synthesizer pidato
braille perangkat umpan balik braille
handheld perangkat genggam (layar kecil, bandwidth terbatas)
projection proyektor
print Pratinjau cetak modus / halaman yang dicetak
screen layar komputer
tty Teletypes dan media yang sama menggunakan karakter jaringan fixed-pitch
tv Jenis televisi perangkat (resolusi rendah, kemampuan gulir terbatas)

Nilai

Nilai Deskripsi
width Menentukan lebar area layar yang ditargetkan.
"min-" dan "max-" awalan dapat digunakan.
Contoh: media="screen and (min-width:500px)"
height Menentukan ketinggian area tampilan yang ditargetkan.
"min-" dan "max-" awalan dapat digunakan.
Example: media="screen and (max-height:700px)"
class = "notranslate" perangkat-lebar Menentukan lebar target display / kertas.
"min-" dan "max-" awalan dapat digunakan.
Contoh: media="screen and (device-width:500px)"
device-height Menentukan tinggi dari target display / kertas.
"min-" dan "max-" awalan dapat digunakan.
Contoh: media="screen and (device-height:500px)"
orientation Menentukan orientasi target display / kertas.
Kemungkinan nilai: "portrait" atau "landscape"
Contoh: media="all and (orientation: landscape)"
aspect-ratio Menentukan rasio lebar / tinggi dari area tampilan yang ditargetkan.
"min-" dan "max-" awalan dapat digunakan.
Contoh: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio Menentukan rasio perangkat-lebar / perangkat-tinggi dari target display / kertas.
"min-" dan "max-" awalan dapat digunakan.
Contoh: media="screen and (aspect-ratio:16/9)"
color Menentukan bit per warna layar sasaran.
"min-" dan "max-" awalan dapat digunakan.
Contoh: media="screen and (color:3)"
color-index Menentukan jumlah warna tampilan sasaran dapat menangani.
"min-" dan "max-" awalan dapat digunakan.
Contoh: media="screen and (min-color-index:256)"
monochrome Menentukan bit per pixel dalam frame buffer monokrom.
"min-" dan "max-" awalan dapat digunakan.
Contoh: media="screen and (monochrome:2)"
resolution Menentukan kepadatan pixel (dpi atau dpcm) dari target display / kertas.
"min-" dan "max-" awalan dapat digunakan.
Contoh: media="print and (resolution:300dpi)"
scan Menentukan metode pemindaian dari layar tv.
Nilai yang mungkin adalah "progressive" dan "interlace" .
Contoh: media="tv and (scan:interlace)"
grid Menentukan jika perangkat output jaringan atau bitmap.
Nilai yang mungkin adalah "1" untuk grid, dan "0" jika tidak.
Contoh: media="handheld and (grid:1)"

<HTML <source> tag