Ö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.