Friday, March 02, 2012

HTML5 video : BAB 3


Video di Web


Sampai sekarang, belum ada standar untuk menampilkan video / film pada halaman web.Hari ini, video yang paling diperlihatkan melalui plug-in (seperti flash). Namun, browser yang berbeda mungkin memiliki berbagai plug-in.HTML5 mendefinisikan sebuah elemen baru yang menentukan cara standar untuk menanamkan video / film pada halaman web: elemen <video>





HTML5 Video - Cara Bekerja

Untuk menampilkan video di HTML5, ini adalah semua yang Anda butuhkan:

Contoh


 
<video width="320" height="240" controls="controls">

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

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

Your browser does not support the video tag.  
    </video>

 


Atribut kontrol menambahkan kontrol video, seperti play, pause, dan volume.Ini juga merupakan ide yang baik untuk selalu menyertakan atribut lebar dan tingginya. Jika tinggi dan lebar diatur, ruang yang diperlukan untuk video akan dibatalkan pada saat halaman dibuka.Namun, tanpa atribut-atribut ini, browser tidak mengetahui ukuran video, dan tidak dapat memesan ruang yang sesuai untuk itu. Efeknya akan bahwa tata letak halaman akan berubah selama pembebanan (sementara beban video).


Anda juga harus memasukkan konten teks antara <video> dan </ video> tag untuk browser yang tidak mendukung elemen <video>.


Unsur <video> memungkinkan beberapa elemen <source>. elemen <source> dapat link ke file video yang berbeda. Browser akan menggunakan format diakui pertama.



Video Format dan Dukungan Browser


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

BrowserMP4WebMOgg
Internet Explorer 9YANONO
Firefox 4.0NOYAYA
Google Chrome 6YAYAYA
Apple Safari 5YANONO
Opera 10,6NOYAYA


     
  • MP4 = MPEG-4 file dengan video codec H264 dan AAC audio codec
  •  
  • WebM = WebM file dengan VP8 video codec dan audio codec Vorbis
  •  
  • Ogg = Ogg Theora file dengan codec video dan Vorbis audio codec



HTML5 Video Tags


TagDeskripsi
<video>Mendefinisikan sebuah video atau film
<source>Mendefinisikan beberapa sumber daya media untuk elemen media, seperti <video> dan <audio>
<track>Mendefinisikan teks dalam trek mediaplayers

No comments:

Post a Comment

info link