HTML5 video

Video Bermain di HTML
Sebelum HTML5 , tidak ada standar untuk menampilkan video pada halaman web .

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

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

Dukungan Browser
Internet Explorer Firefox Opera Google Chrome Safari

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

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

HTML < video> Elemen
Untuk menampilkan video di HTML , gunakan < video> elemen :

contoh

< 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 >

Cobalah sendiri »

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

Ini adalah ide yang baik untuk selalu menyertakan lebar dan tinggi atribut .

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

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

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

HTML < video> Autoplay
Untuk memulai video secara otomatis menggunakan atribut autoplay :

contoh

< 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 >