HTML <video> etiketi

Tanım ve Kullanım

<video> etiketi, belgelerde video içeriğini (örneğin, film parçaları veya diğer video akışları) gömmek için kullanılır.

<video> etiketi, bir veya daha fazla farklı video kaynağı içeren <source> etiketiİlkini destekleyen tarayıcı seçer.

<video> tarayıcılar arasında gösterilir. </video> ve <video> Etiketler arasındaki metin yalnızca desteklenmeyen

HTML üç video formatını destekler: MP4, WebM ve OGG.

Tarayıcı MP4 WebM Ogg
Edge Desteklenir Desteklenir Desteklenir
Chrome Desteklenir Desteklenir Desteklenir
Firefox Desteklenir Desteklenir Desteklenir
Safari Desteklenir Desteklenir Desteklenmez
Opera Desteklenir Desteklenir Desteklenir

Ayrıca bkz:

HTML DOM Referans Kılavuzu:HTML Audio/Video DOM Referans Kılavuzu

Örnek

Videoyu oynatın:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Tarayıcınız video etiketini desteklemiyor.
</video>

Kişisel olarak deneyin

İpuçları ve açıklamalar

İpucu:Ses dosyaları için <audio> etiketine bakın.

Opsiyonel özellik

Özellik Değer Açıklama
autoplay autoplay Video hazır olduğunda hemen oynatmaya başlayın.
controls controls Gösterilmesi gereken video kontrollerini (örneğin, oynatma/pause düğmeleri vb.) belirtin.
height Piksel Video oynatıcı yüksekliğini ayarlayın.
loop loop Video her seferinde sona erdiğinde yeniden başlayacak.
muted muted Videoyun ses çıktısının sessiz olmasını belirtin.
poster URL Video indirilirken veya kullanıcı oynatma düğmesine tıklamadan önce gösterilecek olan görseli belirtin.
preload
  • auto
  • metadata
  • none
 Sayfa yüklenirken videoyun yüklenip yüklenmemesi veya nasıl yüklenmesi gerektiğini belirtin.
src URL Video dosyasının URL'sini belirtin.
width Piksel Video oynatıcı genişliğini ayarlayın.

Genel Özellikler

<video> Bu etiketler ayrıca HTML'deki Genel Özellikler.

Olay Özellikleri

<video> Bu etiketler ayrıca HTML'deki Olay Özellikleri.

Varsayılan CSS Ayarları

Yok.

Tarayıcı Desteği

Tablodaki numaralar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5