HTML Kodla Video Ekleme: Kapsamlı Bir Kılavuz
İnternetin görsel çağında, videolar web sayfalarına ilgi çekici ve bilgilendirici bir ek haline geldi. HTML kullanarak web sayfalarınıza kolayca video ekleyebilirsiniz. Bu kapsamlı kılavuz, HTML kodla video ekleme sürecini adım adım açıklayacak ve konuyla ilgili faydalı kaynaklar sağlayacaktır.
Video Dosyası Formatları
Video eklemeden önce, desteklenen video dosyası formatlarını bilmek önemlidir. HTML, aşağıdaki video formatlarını destekler:
- MP4 (H.264/AVC kodlamasıyla)
- WebM (VP8/VP9 kodlamasıyla)
- Ogg (Theora kodlamasıyla)
Video Ekleme
Videoları HTML’ye eklemek için <video> etiketini kullanırız. 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ı 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 yeniden başlatılıp başlatılmayacağını belirler
- muted: Videonun sessiz olarak başlatılıp başlatılmayacağını belirler
Video Boyutları
Videonun web sayfasındaki boyutunu belirlemek için <video> etiketine width ve height özelliklerini ekleyebilirsiniz. Örneğin:
“`html
“`
Bu kod, 640 piksel genişliğinde ve 480 piksel yüksekliğinde bir video ekler.
Video Altyazıları
Videolara altyazı eklemek, erişilebilirliği artırmak ve farklı dillerdeki izleyicilere ulaşmak için önemlidir. Altyazılar, <track> etiketi kullanılarak eklenir. Örneğin:
“`html
“`
Bu kod, “altyazi.vtt” adlı WebVTT formatındaki Türkçe altyazı dosyasını ekler.
Faydalı Kaynaklar
Sonuç
HTML kodla video eklemek, web sayfalarınıza ilgi çekici ve bilgilendirici içerik eklemenin kolay bir yoludur. Bu kılavuzda açıklanan adımları izleyerek, videoları web sayfalarınıza sorunsuz bir şekilde entegre edebilir ve kullanıcı deneyimini geliştirebilirsiniz.