HTML Video Ekleme Etiketi Nedir?
HTML video ekleme etiketi sitemizde video dosyalarının çalışmasını sağlayan, HTML5 ile gelmiş bir özelliktir. Daha öncesinde video dosyalarını oynatabilmek için eklentiye ihtiyaç vardı ama artık tek bir etiket sayesinde sitemizde video dosyalarını oynatmak çok kolay. Şimdi de HTML video ekleme etiketinin genel kullanım biçimini görelim.
HTML de yazımı:
<video controls autoplay loop height=600 width=800>
<source src=”video1.mp4” type=”video/mp4”>
<source src=”video2.mp4” type=”video/mp4”>
<source src=”video3.mp4” type=”video/mp4”>
</video>
Şimdi etikette kullanılan parametreleri tek tek inceleyelim.
| Autoplay | Web sayfası açılınca ses dosyasının otomatik çalmaya başlamasını sağlar. |
| Loop | Eklenen ses dosyalarının bittikçe başa dönüp tekrar etmesini sağlar. |
| Controls | Web sayfası üzerinde aynı media player’da olduğu gibi durdurma, oynatma vb. işlevleri yapmamızı sağlayan tuşlar eklenir. |
| Height | Web sayfasında video görüntüsünün yüksekliğinin kaç px olacağını ayarlar. |
| Width | Web sayfasında video görüntüsünün genişliğinin kaç pc olacağını ayarlar. |
<video> etiketi mp4, webm ve ogg formatlarını desteklemektedir. Bu formatları destekleyen web tarayıcılarına bakalım şimdi de.
| Tarayıcı | Mp4 | WebM | Ogg |
| Internet Explorer | Var | Yok | Yok |
| Chrome | Var | Var | Var |
| Firefox | Var | Var | Var |
| Safari | Var | Yok | Yok |
| Opera | Var | Var | Var |
Ses formatlarının type parametresinde yazımı.
| Format | Yazımı |
| Mp4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
HTML video ekleme etiketi konusunu bu yazımızda gördük. Konu ile ilgili soru, görüş ya da fikirlerinizi aşağıda bulunan yorumlar kısmı ile bizlere ulaştırabilirsiniz. Aşağıdaki linke tıklayarak HTML ile ilgili diğer yazılarımıza da ulaşabilirsiniz. Ayrıca Instagram ve Twitter linklerine de tıklayarak bizi Instagram ve Twitter üzerinden takip ederek destek olabilirsiniz.
https://yazilimdelisi.com/category/web-gelistirme/html/
Sosyal Medya Hesaplarımız
