tutorial pengembangan web terbaru
 

HTML <video> width Attribute

<HTML <video> tag

Contoh

Sebuah pemutar video dengan lebar tertentu dan tinggi:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
Cobalah sendiri "

Definisi dan Penggunaan

The width atribut menentukan lebar dari pemutar video, dalam piksel.

Tip: Selalu menentukan baik atribut tinggi dan lebar untuk video.Jika tinggi dan lebar diatur, ruang yang dibutuhkan untuk video dicadangkan saat halaman dibuka. Namun, tanpa atribut-atribut ini, browser tidak tahu ukuran video, dan tidak dapat memesan ruang yang tepat untuk itu. Efeknya akan bahwa tata letak halaman akan berubah selama pemuatan (sementara beban video).

Catatan: Jangan rescale video dengan atribut tinggi dan lebar!Perampingan video besar dengan atribut tinggi dan lebar memaksa pengguna untuk men-download video asli (bahkan jika itu terlihat kecil pada halaman). Cara yang benar untuk rescale video adalah dengan program, sebelum menggunakannya pada halaman.


Dukungan Browser

Atribut
width iya nih iya nih iya nih iya nih iya nih

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


Perbedaan Antara HTML 4.01 dan HTML5

The <video> tag yang baru di HTML5.


Sintaksis

<video width="pixels">

atribut Nilai

Nilai Deskripsi
pixels Lebar video, dalam piksel (yaitu width="100" )

<HTML <video> tag