HTML5 Video

     HTML5′ te video eklemek için üçüncü parti yazılımlara (Flash, Silverlight vb.) ihtiyacımız yok. Çok basit bir şekilde video ekleyebiliriz sitemize; ama bunun için tarayıcının HTML5 destekli olması gerekir. HTML5′ in video özelliğini destekleyen tarayıcılar ve bu tarayıcıların hangi videoları desteklediğini buradan öğrenebilirsiniz. Firefox 4.0 ve Opera 10.6′ nın MP4 desteklememesi can sıkıcı bir durum; ama YouTube gibi bir devin HTML5 video denemeleri yapması tarayıcıların bu yönde çalışmasını hızlandıracaktır. Şimdi gelelim HTML5′ te videonun nasıl eklendiğine.

     Şu kodları kullanıyoruz:

<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
Tarayıcınız HTML5 video özelliğini desteklemiyor.
</video>

width: genişlik
height: yükseklik
controls: video kontrol düğmeleri
source src: dosyanın yolu ve adı
type: dosya tipi

     Nasıl çalıştığını görmek için bu sayfaya, daha ayrıntılı kodlar için bu sayfaya, şık bir oynatıcı istiyorsanız bu sayfaya, JavaScript’ le kendiniz bir oynatıcı yazmak istiyorsanız bu örneğe bakabilirsiniz.