HTML’de MP4 Videolarını Ekleme: Kapsamlı Bir Kılavuz
Giriş
MP4 videoları, web sayfalarına multimedya içeriği eklemek için yaygın olarak kullanılan bir video formatıdır. HTML’de MP4 videolarını eklemek, web sayfalarınıza dinamik ve ilgi çekici bir boyut katmanın kolay bir yoludur. Bu kapsamlı kılavuz, HTML’de MP4 videolarını sorunsuz bir şekilde eklemenize yardımcı olacaktır.
Video Etiketini Kullanma
MP4 videolarını HTML’ye eklemenin en yaygın yolu, <video> etiketini kullanmaktır. Bu etiket, video oynatıcının işlevselliğini sağlayan bir dizi öznitelik içerir.
“`html
“`
- width ve height: Videonun genişliğini ve yüksekliğini piksel cinsinden belirtir.
- controls: Video oynatıcı kontrollerini (oynatma, duraklatma, ses seviyesi vb.) görüntüler.
- src: Videonun dosya yolunu belirtir.
- type: Videonun MIME türünü belirtir (bu durumda “video/mp4”).
Alternatif Kaynaklar Sağlama
Farklı tarayıcılar ve cihazlar farklı video formatlarını destekleyebilir. Bu nedenle, mümkün olduğunda alternatif video kaynakları sağlamak iyi bir uygulamadır. Bunu <source> etiketini kullanarak yapabilirsiniz:
“`html
“`
Bu örnekte, tarayıcı MP4 formatını desteklemiyorsa, WebM formatındaki alternatif video kaynağı kullanılacaktır.
Otomatik Oynatma ve Döngü
Videoları otomatik olarak oynatmak veya döngüye almak için aşağıdaki öznitelikleri kullanabilirsiniz:
- autoplay: Videoyu sayfa yüklendiğinde otomatik olarak oynatır.
- loop: Videoyu bittiğinde yeniden başlatır.
“`html
“`
Altyazı Ekleme
Videolara altyazı eklemek, erişilebilirliği artırır ve farklı dillerdeki izleyicilere hitap eder. Altyazıları <track> etiketiyle ekleyebilirsiniz:
“`html
“`
- kind: Altyazı türünü belirtir (“subtitles”).
- src: Altyazı dosyasının dosya yolunu belirtir.
- srclang: Altyazıların dilini belirtir (“en” İngilizce için).
Faydalı Kaynaklar
- HTML Video Etiketi
- HTML Altyazı Etiketi
- Video.js: HTML5 video oynatıcı için açık kaynak bir çerçeve
- Plyr.io: HTML5 video oynatıcı için hafif ve özelleştirilebilir bir çerçeve
Sonuç
HTML’de MP4 videolarını eklemek, web sayfalarınıza dinamik ve ilgi çekici içerik eklemenin güçlü bir yoludur. <video> etiketini kullanarak, alternatif kaynaklar sağlayabilir, otomatik oynatma ve döngü ayarlayabilir ve hatta altyazılar ekleyebilirsiniz. Bu kılavuzdaki adımları izleyerek, HTML’de MP4 videolarını sorunsuz bir şekilde ekleyebilir ve web sayfalarınızın etkisini artırabilirsiniz.