Google ve Youtube Reklamlarını Engelleyen Tarayıcı ve Uygulama İndir

HTML video Etiketi

<video> Etiketi

Örnek

Videoyu oynatın:

<video width="290" height="260" controls>
  <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
  <source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg">
  Tarayıcınız video etiketini desteklemiyor.
</video>

<video> Tanımı ve Kullanımı

<video> etiketi bir video kilp ve benzeri gibi diğer video yayınlarını tanımlar.

Şu anda video elementi için desteklenen üç video formatı var: MP4, WebM ve Ogg:


Tarayıcı MP4 WebM Ogg
Internet Explorer VAR YOK YOK
Chrome VAR VAR VAR
Firefox VAR
Firefox 21'den itibaren
Linux için Firefox 30'dan itibaren
VAR VAR
Safari VAR YOK YOK
Opera VAR
Opera 25'den itibaren
VAR VAR

  • MP4 = H264 video codec ve AAC audio codec'li MPEG 4 dosyaları
  • WebM = VP8 video codec ve Vorbis audio codec'li WebM dosyaları
  • Ogg = Theora video codec ve Vorbis audio codec'li Ogg dosyaları


Video Formatları için MIME Türleri

Format MIME-Type
MP4 video/mp4
WebM video/webm
Ogg video/ogg

Tarayıcı Desteği

Tablodaki sayılar elementi tamamen destekleyen ilk tarayıcı versiyonunu ifade ediyor.

Element
<video> 4.0 12.0 9.0 3.5 4.0 10.5

HTML 4.01 ile HTML5 arasındaki farklar

<video> etiketi HTML5'te yenidir.


İpuçları ve Notlar

İpucu: <video> ve </video> etiketleri arasına girilen her metin <video> elementini desteklemeyen tarayıcılarda görüntülenir.


Opsiyonel Özellikler

= HTML5'te yeni.

Özellik Değer Tanım
autoplay autoplay Videonun hazır olur olmaz oynamaya başlayacağını belirtir.
controls controls Video kontrollerinin görüntüleneceğini belirtir.
height piksel Video oynatıcının yüksekliğini tanımlar.
loop loop Videonun her bittiğinde yeniden başlayacağını ifade eder.
muted muted Videonun sesinin kısılı olması gerektiğini tanımlar.
poster URL Kullanıcı oynat butonuna tıklayana kadar veya video indirilirken gösterilecek bir resmi tanımlar.
preload auto
metadata
none
Sayfa yüklerken videonun nasıl yükleneceğini belirler.
src URL Video dosyasının URL'sini tanımlar.
width piksel Video oynatıcının genişliğini belirler.

Standart Özellikler

<video> etiketi Standart Özellikleri desteklemektedir.

HTML Standart Özellikler'i inceleyebilirsiniz.


Olay Özellikleri

<video> etiketi Olay Özelliklerini desteklemektedir.

HTML Olay Özellikleri'ni inceleyebilirsiniz.

Yorumlar