HTML5 Video (Video)

Banyak situs akan digunakan untuk video. HTML5 menyediakan tampilan video standar.

Mendeteksi browser Anda mendukung video HTML5:

Situs Web Video

Sampai saat ini, masih tidak ada standar yang ditujukan untuk tampilan video pada halaman.

Hari ini, sebagian besar video yang melalui plug-in (seperti Flash) yang akan ditampilkan. Namun, tidak semua browser memiliki plugin yang sama.

HTML5 menentukan cara standar untuk memasukkan video melalui elemen video.

Dukungan Browser

Internet Explorer 9 +, Firefox, Opera, Chrome, dan dukungan Safari <video> elemen.

Catatan: Internet Explorer 8 atau versi sebelumnya dari IE tidak mendukung <video> elemen.

HTML5 (video) - Cara kerjanya

Untuk menampilkan video di HTML5, yang Anda butuhkan adalah:

contoh

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

Coba »

<Video> elemen menyediakan play, pause dan volume kontrol untuk mengontrol video.

Pada saat yang sama <video> elemen elemen juga menyediakan atribut tinggi dan lebar mengontrol dimensi video. Jika Anda mengatur tinggi dan lebar ruang video yang diperlukan akan dipertahankan ketika beban halaman. . Jika Anda tidak menetapkan sifat ini, browser tidak tahu ukuran video, browser Anda tidak dapat memesan tempat tertentu ketika dimuat, halaman akan didasarkan pada asli perubahan ukuran video.

<Video> antara </ video> tag dan konten yang dimasukkan tidak tersedia untuk mendukung elemen video yang ditampilkan dalam browser.

<Video> elemen mendukung beberapa <sumber> elemen. <Sumber> elemen dapat link ke file video yang berbeda. browser akan menggunakan format diakui pertama:

format video dan dukungan browser

Saat ini, <video> elemen mendukung tiga format video: MP4, WebM, dan Ogg:

Browser	MP4	WebM	Ogg
Internet Explorer	YES	NO	NO
khrom	YES	YES	YES
Firefox	YES	YES	YES
Safari	YES	NO	NO
opera	YES (dari Opera 25 dan seterusnya)	YES	YES

MP4 = MPEG 4 file dengan H.264 video dan audio encoding AAC
WebM = WebM file dengan VP8 video dan Vorbis dikodekan pengkodean audio
ogg file = Ogg Theora dengan video dikodekan dan audio Vorbis dikodekan

Format Video

格式	MIME-type
MP4	video/mp4
WebM	video/webm
Ogg	video/ogg

HTML5 <video> - untuk mengontrol penggunaan DOM

HTML5 <video> dan <audio yang> elemen juga memiliki metode, properti, dan peristiwa.

Metode <video> dan <audio yang> elemen, sifat, dan peristiwa dapat dikontrol dengan menggunakan JavaScript.

Metode yang digunakan untuk bermain, pause, dan beban dan sebagainya. Dimana sifat (seperti durasi, volume, dll) dapat dibaca atau set. Dimana acara DOM dapat memberitahu Anda bahwa, katakanlah, <video> elemen mulai bermain, berhenti, berhenti, dan sebagainya.

Contoh metode sederhana, kita menunjukkan bagaimana menggunakan <video> elemen, membaca dan mengatur properti, dan bagaimana untuk memanggil metode.