En son web geliştirme öğreticiler
 

HTML <video> Tag


Örnek

Video oynatma:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
Kendin dene "

Tanımı ve Kullanımı

<video> etiketi, bir film klibinin veya diğer video akışları gibi, videoyu belirtir.

Şu anda 3 desteklenen video formatları için vardır <video> elemanı: MP4, WebM ve Ogg :

Tarayıcı MP4 WebM Ogg
Internet Explorer EVET YOK HAYIR YOK HAYIR
Krom EVET EVET EVET
Firefox EVET
Firefox 21
Firefox 30 Linux için
EVET EVET
Safari EVET YOK HAYIR YOK HAYIR
Opera EVET
Opera 25 Gönderen
EVET EVET
  • H264 video codec ve AAC ses codec ile MP4 = MPEG 4 dosya
  • VP8 video codec ve Vorbis ses codec ile WebM = WebM dosyaları
  • Theora video codec ve Vorbis ses codec ile Ogg = Ogg dosyaları

Video Biçimleri için MIME Türleri

Biçim MIME türü
MP4 video/mp4
WebM video/webm
Ogg video/ogg

Tarayıcı Desteği

Tablodaki rakamlar tamamen elemanı destekleyen ilk tarayıcı sürümü belirtin.

Eleman
<video> 4.0 9.0 3.5 4.0 10.5

HTML 4.01 ve HTML5 Arasındaki Farklar

<video> etiketi HTML5 getirdiği bir yeniliktir.


İpuçları ve Notlar

Tip: arasındaki herhangi bir metin <video> ve </video> etiketleri desteklemeyen tarayıcılarda görüntülenir <video> elemanı.


Opsiyonel Nitelikler

= HTML5'teki Yeni.

nitelik değer Açıklama
autoplay autoplay Hazır olur Video yakında çalmaya başlar belirtir
controls controls Video denetimleri görüntülenmesi gerektiğini belirtir (such as a play/pause button etc) .
height pixels Video oynatıcının yüksekliğini belirler
loop loop video tekrar Biten bir zaman içinde başlayacağını belirtir
muted muted Videonun ses çıkışı kapatılır gerektiğini belirtir
poster URL Bir görüntü, video indirilirken gösterilen veya kullanıcı kadar oynat düğmesini vurur belirtir
preload auto
metadata
none
Yazar, düşünür ve nasıl bir video yüklü olması gerektiğini belirtir Sayfa yüklendiğinde
src URL video dosyasının URL'sini belirtir
width pixels Video oynatıcının genişliğini ayarlar

Küresel Nitelikler

<video> etiketi de destekliyor Küresel HTML Özellikleri .


Olay Nitelikler

<video> etiketi de destekler Olay HTML Özellikleri .


İlgili Sayfalar

HTML DOM referansı: HTML Ses / Video DOM Referans


Varsayılan CSS Ayarları

Yok.