HTML ile Video Ekleme: Kapsamlı Bir Kılavuz
Video içerikleri, web sitelerine ve çevrimiçi platformlara değer katmanın güçlü bir yoludur. İzleyicileri meşgul eder, mesajları daha etkili bir şekilde iletir ve dönüşümleri artırır. HTML kullanarak web sayfalarınıza kolayca video ekleyebilirsiniz. Bu kapsamlı kılavuz, HTML ile video ekleme sürecinde size adım adım yol gösterecektir.
Video Dosyası Formatları
HTML, çeşitli video dosyası formatlarını destekler. En yaygın kullanılan formatlar şunlardır:
- MP4 (MPEG-4)
- WebM
- OGG
Bu formatlar, farklı tarayıcılar ve cihazlar tarafından geniş çapta desteklenir.
Video Ekleme
Bir web sayfasına video eklemek için <video> etiketini kullanın. Bu etiket, video dosyasının yolunu ve isteğe bağlı olarak diğer özellikleri belirtir. Temel sözdizimi şöyledir:
“`html
“`
Bu kod, “video.mp4” adlı bir MP4 video dosyasını ekler ve oynatma kontrollerini (oynatma, duraklatma, ses seviyesi vb.) görüntüler.
Video Özellikleri
<video> etiketi, videonun görünümünü ve davranışını özelleştirmek için çeşitli özellikler kabul eder. En yaygın özellikler şunlardır:
- src: Video dosyasının URL’si veya yolu
- controls: Oynatma kontrollerini gösterip göstermeyeceğini belirler
- autoplay: Videonun sayfayı yükledikten sonra otomatik olarak oynatılıp oynatılmayacağını belirler
- loop: Videonun bittikten sonra tekrar oynatılıp oynatılmayacağını belirler
- muted: Videonun sessiz olarak oynatılıp oynatılmayacağını belirler
- width: Videonun genişliğini piksel olarak belirler
- height: Videonun yüksekliğini piksel olarak belirler
Video Kaynakları
Birden fazla video kaynağı belirtebilirsiniz, böylece tarayıcılar desteklenen ilk kaynağı kullanır. Kaynaklar, <source> etiketi kullanılarak eklenir:
“`html
“`
Altyazılar
Altyazılar, videoların erişilebilirliğini ve anlaşılırlığını artırır. HTML5, <track> etiketi kullanılarak altyazıların eklenmesine olanak tanır:
“`html
“`
Örnekler
Oynatma Kontrolleri ile Video Ekleme:
“`html
“`
Otomatik Oynatma ile Video Ekleme:
“`html
“`
Altyazılı Video Ekleme:
“`html
“`
Faydalı Kaynaklar
Sonuç
HTML ile video eklemek, web sayfalarınıza zengin ve ilgi çekici içerikler eklemenin kolay bir yoludur. Bu kılavuzda açıklanan adımları izleyerek, videoları web sayfalarınıza sorunsuz bir şekilde entegre edebilir ve izleyicilerinizin deneyimini geliştirebilirsiniz.