$Huseyin_KELES->kategori('Programlama, XHTML ve CSS')->yazi('HTML5 Video Örneği')->goster();

HTML5 Video Örneği

Pazar, 02 Ağu 2009 yorum ekle yorumlara git

HTML 5 ile gelen bir başka yenilik ise video etiketiydi. Video etiketini kullanarak sayfanızda video oynatmak gerçekten çok basit bir hale geliyor. Bu yazımızda video etiketinin nasıl kullanılacağından bahsedeceğim. Öncelikle örnekleri görebilmeniz için yeni nesil bir tarayıcı (Firefox 3.5+, Opera 10+ vs) kullanmanız gerektiğini hatırlatayım.

<video> Etiketi Örneği

<video width="320px" height="240px" controls="controls" src="video.ogg"> Tarayıcınız video etiketini desteklemiyor! </video>

<video> Etiketi Örneği Çıktısı

Tarayıcınız video etiketini desteklemiyor!

Kullanabileceğiniz Öznitelikler

Öznitelik Değer Açıklama
autoplay true | false TRUE seçilirse sayfa yüklenir yüklenmez video oynamaya başlar.
controls true | false TRUE seçilirse kullanıcı ‘play, pause vs’ gibi düğmeleri kullanabilir.
end sayısal değer
Videonun kaçıncı saniyede duracağını belirler.
height pixel Video oynatıcının yüksekliğini ayarlar.
loopend sayısal değer
Kaçıncı saniyeden sonra başa döneceğini belirler.
loopstart sayısal değer
Döngüye nerden başlayacağını belirler.
playcount sayısal değer
Videonun kaç kere üstüste oynayacağını belirler. Varsayılan değer 1 dir.
poster url Video oynamaya başlamadan önce gösterilecek resimin url’si.
src url Video dosyasının url’si.
start sayısal değer
Videoyu oynatmaya nerden başlayacağını belirler.
width pixel Video oynatıcının genişliğini belirler

Paylaş:
  • Facebook
  • FriendFeed
  • Twitter
  • del.icio.us
  • Digg
  • StumbleUpon
  • Technorati
  • LinkedIn
  • MySpace
  • BlinkList
  • Reddit
  • RSS
  • email
  • PDF

Benzer Yazılar (bunları bilgisayar seçiyor);

  • HTML 5
    HTML 5 Nedir? HTML 5, HTML dilinin şu andaki en son sürümüdür. İlk kez 22 Ocak 2008 de duyurulmuştur. ...

  • HTML 5 ile HTML 4 Arasındaki Farklar
    Bu yazımızda HTML 5 ile HTML 4 arasındaki en temel farklardan bahsedeceğiz; Yeni elementler. - <s...

Categories: Programlama, XHTML ve CSS 13.406 Gösterim