HTML5 Video Örneği
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 |
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 15.536 Gösterim
Son Yorumlar