HTML5 Video

Playing Videos ing HTML

Sebelum HTML5, tidak ada standar untuk menampilkan video pada halaman web.

Sebelum HTML5, video yang hanya bisa dimainkan dengan plug-in (seperti Flash).

HTML5 <video> elemen menentukan cara standar untuk menanamkan video di halaman web.

Dhukungan browser

Angka dalam tabel untuk menentukan versi browser yang mendukung penuh <video> elemen.

Element
<video>	4.0	9.0	3.5	4.0	10.5

HTML <video> Unsur

Untuk menampilkan video dalam HTML, dengan menggunakan <video> elemen:

<width = Video "320" height = "240" kontrol>

   <Sumber src = "movie.mp4" type = "video / mp4">

   <Sumber src = "movie.ogg" type = "video / ogg">

Browser Anda tidak mendukung tag video.

</ Video>

Cara Kerja

Kontrol atribut menambahkan kontrol video, seperti play, pause, dan volume.

Itu selalu ide yang baik untuk menyertakan lebar dan tinggi atribut.

Jika tinggi dan lebar tidak diatur, browser tidak mengetahui ukuran video. Efeknya akan bahwa halaman akan berubah (atau flicker) ketika banyak video.

Teks antara <video> dan </ video> tag hanya akan ditampilkan pada browser yang tidak mendukung <video> elemen.

Beberapa <sumber> elemen dapat berhubungan dengan file video yang berbeda. Browser akan menggunakan format yang diakui pertama.

HTML <video> Autoplay

Untuk memulai video secara otomatis menggunakan atribut AutoPlay:

<width = Video "320" height = "240" autoplay>

   <Sumber src = "movie.mp4" type = "video / mp4">

   <Sumber src = "movie.ogg" type = "video / ogg">

Browser Anda tidak mendukung tag video.

</ Video>

HTML Video - Dhukungan Browser

Saat ini, ada 3 format video yang didukung untuk <video> elemen: MP4, Ogg dan interstate:

Browser	MP4	WebM	Ogg
Internet Explorer	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES	YES	YES
Safari	YES	NO	NO
Opera	YES (from Opera 25)	YES	YES

HTML Video - Jenis Media

File Format	Media Type
MP4	video/mp4
WebM	video/webm
Ogg	video/ogg

HTML Video - Metode, Properties, dan Acara

HTML5 mendefinisikan metode DOM, properti, dan aktivitas untuk <video> elemen.

Hal ini memungkinkan Anda untuk memuat, bermain, dan jeda video, serta menetapkan durasi dan volume.

Ada juga acara DOM yang dapat memberitahu Anda ketika video mulai bermain, dijeda, dll