Video etiketi
video etiketi, bir HTML sayfasına video eklemeyi sağlar.
Aynı zamanda bu videoyu kontrol etmek için de kullanılır.
Video dosyasının yolu,
src özniteliği veya iç içe yerleştirilmiş source etiketi ile belirtilir.
Video oynatma kontrolü için bir oynatıcı görmek istiyorsanız - controls özniteliğini eklemelisiniz.
Bu olmadan hiçbir şey göremezsiniz - bu durumda ses veya görüntü de olmayacaktır.
Bazen videoları doğrudan web sitesinde barındırmak
çok uygun olmayabilir (örneğin, hostinginizin
site boyutu sınırlaması vardır). Bu durumda
video YouTube'a yüklenebilir ve
iframe etiketi kullanılarak sayfaya eklenebilir.
Öznitelikler
| Öznitelik | Açıklama |
|---|---|
src |
Video dosyasının yolunu belirtir.
Ancak bunun için source etiketini kullanmak daha iyidir
(bu durumda videoyu farklı formatlarda belirtebilirsiniz).
|
preload |
Video dosyasının web sitesi sayfası yüklenirken aynı anda yüklenmesi için kullanılır.
Alınan değerler: none (dosyayı yükleme, varsayılan),
metadata (sadece ses süresi gibi servis bilgilerini yükle),
auto (videoyu HTML sayfası yüklenirken tamamen yükle).
|
autoplay |
Ses, sayfa yüklendikten hemen sonra oynamaya başlar,
bu durumda preload özniteliğinin varlığı göz ardı edilir.
Değeri olmayan öznitelik. |
controls |
Videoya bir kontrol paneli ekler.
Değeri olmayan öznitelik. Varsayılan olarak (öznitelik yoksa) panel eklenmez. |
loop |
Ses kaydını "döngü" halinde tekrarlar:
bitişinden sonra yeniden oynamaya başlar.
Değeri olmayan öznitelik. Varsayılan olarak (öznitelik yoksa) kayıt sadece 1 kez oynatılır.
|
poster |
Video kullanılamadığında veya oynatılmadığında görüntülenecek resmin yolu.
poster özniteliği belirtilmezse, tarayıcı videonun ilk karesini göstermeye çalışacaktır.
|
height |
height özniteliği, video oynatma alanının yüksekliğini belirler (piksel
veya yüzde olarak).
Video kendisini, belirlenen yüksekliğe uyacak şekilde büyütür veya küçültür,
ancak en-boy oranı bu sırada değişmez.
Varsayılan değer: yükseklik video parametrelerinden alınır, eğer bu değer mevcut değilse, o zaman height özniteliğinin değeri
poster özniteliğindeki resmin yüksekliğine eşit kabul edilir.
Eğer poster de belirtilmemişse - yükseklik
150 piksel olarak ayarlanır.
|
width |
width özniteliği, video oynatma alanının genişliğini belirler (piksel
veya yüzde olarak).
Video kendisini, belirlenen genişliğe uyacak şekilde büyütür veya küçültür,
ancak en-boy oranı bu sırada değişmez.
Varsayılan değer: genişlik video parametrelerinden alınır, eğer bu değer mevcut değilse, o zaman width özniteliğinin değeri
poster özniteliğindeki resmin genişliğine eşit kabul edilir.
Eğer poster de belirtilmemişse - genişlik
150 piksel olarak ayarlanır.
|
Örnek . Web sitesi sayfasında oynatıcı
Sayfaya video içeren bir oynatıcı ekleyelim.
video etiketini desteklemeyen
tarayıcılar için bununla ilgili özel bir mesaj
bırakılmıştır:
<video src="moovie.mp4" controls>
Tarayıcınız HTML5'te videoyu desteklemiyor.
</video>
Örnek .
video etiketi için
source etiketini ekleyelim:
<video>
<source src="moovie.mp4" controls>
Tarayıcınız HTML5'te videoyu desteklemiyor.
</video>
