Html Dosyasına Video Ekleme

HTML Dosyasına Video Ekleme: Kapsamlı Bir Kılavuz

Bir web sayfasına video eklemek, kullanıcı deneyimini geliştirmenin ve içeriğinizi daha ilgi çekici hale getirmenin etkili bir yoludur. HTML kullanarak bir video eklemek nispeten basit bir işlemdir, ancak en iyi sonuçları elde etmek için bazı önemli hususları göz önünde bulundurmanız gerekir.

Video Dosyası Formatları

HTML’de desteklenen video dosyası formatları şunlardır:

  • MP4 (H.264/AVC kodlamasıyla)
  • WebM (VP8/VP9 kodlamasıyla)
  • Ogg (Theora/Vorbis kodlamasıyla)

MP4, en yaygın olarak desteklenen ve çoğu tarayıcıda sorunsuz bir şekilde oynatılabilen formattır.

Video Ekleme

Bir HTML dosyasına video eklemek için <video> etiketini kullanırsınız. Temel sözdizimi şöyledir:

“`html

“`

  • src: Video dosyasının URL’sini veya dosya yolunu belirtir.
  • controls: Oynatma, duraklatma, ses seviyesi vb. kontrolleri görüntüler.

Video Özellikleri

<video> etiketine, videonun görünümünü ve davranışını özelleştirmek için çeşitli özellikler ekleyebilirsiniz:

  • width: Videonun genişliğini piksel cinsinden belirtir.
  • height: Videonun yüksekliğini piksel cinsinden belirtir.
  • autoplay: Videonun sayfa yüklendiğinde otomatik olarak oynatılmasını sağlar.
  • loop: Videonun bittiğinde yeniden başlamasını sağlar.
  • muted: Videonun sessiz olarak oynatılmasını sağlar.

Video Alternatif Metni

Erişilebilirlik için, videonun içeriğini tanımlayan alternatif metin sağlamanız önemlidir. Bu, görme engelli kullanıcıların videonun ne hakkında olduğunu anlamalarına yardımcı olur. Alternatif metni, alt özelliği kullanılarak eklenir:

“`html

“`

Video Altyazıları

Videolarınıza altyazı eklemek, işitme engelli kullanıcıların içeriğinizi anlamalarına yardımcı olur. Altyazılar, track etiketi kullanılarak eklenir:

“`html

“`

  • kind: Altyazı türünü belirtir (ör. “subtitles”).
  • src: Altyazı dosyasının URL’sini veya dosya yolunu belirtir.
  • srclang: Altyazıların dilini belirtir.

Faydalı Kaynaklar

Yayımlandı

kategorisi