HTML Videosu
HTML <video>öğesi, bir web sayfasında bir video göstermek için kullanılır.
HTML <video> Öğesi
Bir videoyu HTML'de göstermek için şu <video>öğeyi kullanın:
Örnek
<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>
Nasıl çalışır
Özellik controls, oynatma, duraklatma ve ses düzeyi gibi video denetimleri ekler.
widthHer zaman ve heightniteliklerini dahil etmek iyi bir fikirdir . Yükseklik ve genişlik ayarlanmazsa, video yüklenirken sayfa titreyebilir.
<source>Öğe, tarayıcının seçebileceği alternatif video dosyalarını belirlemenize olanak tanır . Tarayıcı, tanınan ilk biçimi kullanacaktır.
<video>ve etiketleri arasındaki metin yalnızca öğeyi </video>desteklemeyen tarayıcılarda görüntülenecektir .<video>
HTML <video> Otomatik Oynat
Bir videoyu otomatik olarak başlatmak için şu autoplayözelliği kullanın:
Örnek
<video width="320" height="240" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Not: Chromium tarayıcıları çoğu durumda otomatik oynatmaya izin vermez. Ancak, sessiz otomatik oynatmaya her zaman izin verilir.
Videonuzun otomatik olarak oynatılmaya başlamasına izin vermek için (ancak sesi kapalı) mutedsonra ekleyin :
autoplay
Örnek
<video width="320" height="240" autoplay muted>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Tarayıcı Desteği
Tablodaki sayılar,
<video>öğeyi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
| Element | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML Video Formatları
Desteklenen üç video formatı vardır: MP4, WebM ve Ogg. Farklı biçimler için tarayıcı desteği:
| Browser | MP4 | WebM | Ogg |
|---|---|---|---|
| Edge | YES | YES | YES |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
HTML Video - Medya Türleri
| File Format | Media Type |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
HTML Video - Yöntemler, Özellikler ve Olaylar
<video>HTML DOM, öğe için yöntemleri, özellikleri ve olayları tanımlar .
Bu, videoları yüklemenize, oynatmanıza ve duraklatmanıza, ayrıca süre ve ses seviyesini ayarlamanıza olanak tanır.
Ayrıca bir video oynatılmaya başladığında, duraklatıldığında vb. sizi bilgilendirebilecek DOM olayları da vardır.
Tam bir DOM referansı için HTML Ses/Video DOM Referansımıza gidin .
HTML Video Etiketleri
| Tag | Description |
|---|---|
| <video> | Defines a video or movie |
| <source> | Defines multiple media resources for media elements, such as <video> and <audio> |
| <track> | Defines text tracks in media players |