Latest web development tutorials

HTML atribut width Video

Pedoman tag Referensi Video HTML HTML <video> tag

contoh

Dengan ketinggian tertentu dan lebar video:

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>

Coba »

Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Semua browser utama mendukung atribut lebar.

Catatan: Internet Explorer 8 dan versi sebelumnya dari IE tidak mendukung <video> tag.


Definisi dan Penggunaan

Atribut width menentukan lebar pemutar video.

Tip: lebar yang telah ditentukan dan tinggi video adalah kebiasaan yang baik. Jika Anda mengatur properti ini, ketika beban halaman akan menyisihkan ruang untuk video. Jika Anda tidak menetapkan sifat ini, browser tidak dapat pra-ditentukan dimensi video, sehingga Anda tidak dapat memesan tempat yang cocok untuk video. Akibatnya, dalam proses loading halaman, tata letak akan berubah.

Catatan: Jangan skala video dengan atribut tinggi dan lebar!Dengan tinggi dan lebar atribut untuk mempersempit video hanya akan memaksa pengguna untuk men-download video asli (meskipun tampak kecil pada halaman). Sebelum pendekatan yang benar adalah dengan menggunakan video pada halaman, menggunakan perangkat lunak untuk kompresi video.


Perbedaan antara HTML 4.01 dan HTML5

<Video> tag adalah tag HTML5 baru.


tatabahasa

<video width="pixels">

Nilai properti

描述
pixels 以像素计的宽度值(比如 "100px" 或 100)。


Pedoman tag Referensi Video HTML HTML <video> tag