HTML’de İki Ayrı Dosyadan Video Ekleme: Kapsamlı Bir Kılavuz
İnternetin görsel çağında, videolar web siteleri ve çevrimiçi platformlar için vazgeçilmez bir araç haline geldi. İzleyicileri meşgul etmek, mesajları iletmek ve dönüşümleri artırmak için güçlü bir yol sunarlar. HTML’de iki ayrı dosyadan video eklemek, web sitenize zengin ve ilgi çekici içerikler eklemenize olanak tanır.
HTML’de Video Ekleme Temelleri
HTML’de video eklemek için <video> etiketini kullanırız. Bu etiket, video dosyasının konumunu belirten bir src özniteliği ve videonun nasıl görüntüleneceğini kontrol eden bir dizi isteğe bağlı öznitelik içerir.
“`html
“`
Bu örnekte, video.mp4 adlı MP4 video dosyası ekleniyor. controls özniteliği, oynatma, duraklatma ve ses seviyesi gibi video kontrollerini görüntüler. source etiketi, tarayıcının desteklemediği durumlarda alternatif bir video formatı sağlar.
İki Ayrı Dosyadan Video Ekleme
Bazen videonuzu iki ayrı dosyaya bölmeniz gerekebilir, örneğin bir video dosyası ve bir altyazı dosyası. HTML’de iki ayrı dosyadan video eklemek için track etiketini kullanırız.
“`html
“`
Bu örnekte, altyazi.vtt adlı WebVTT altyazı dosyası ekleniyor. kind özniteliği, altyazıların türünü belirtir (subtitles veya captions). srclang özniteliği, altyazıların dilini belirtir ve label özniteliği, altyazılar için kullanıcı tarafından okunabilir bir etiket sağlar.
Video Öznitelikleri
<video> etiketi, videonun görünümünü ve davranışını kontrol eden bir dizi isteğe bağlı öznitelik içerir. En yaygın öznitelikler şunlardır:
- autoplay: Videoyu sayfa yüklendiğinde otomatik olarak oynatır.
- loop: Videoyu bittiğinde tekrar oynatır.
- muted: Videoyu sessiz başlatır.
- poster: Video oynatılmadan önce görüntülenen bir poster görüntüsü belirtir.
- width: Videonun genişliğini piksel olarak belirtir.
- height: Videonun yüksekliğini piksel olarak belirtir.
Tarayıcı Desteği
HTML5 video etiketi, tüm modern tarayıcılar tarafından geniş çapta desteklenmektedir. Ancak, bazı eski tarayıcılar belirli video formatlarını desteklemeyebilir. Bu nedenle, mümkün olduğunda birden fazla video formatı sağlamak iyi bir uygulamadır.
Faydalı Kaynaklar
Sonuç
HTML’de iki ayrı dosyadan video eklemek, web sitenize zengin ve ilgi çekici içerikler eklemenize olanak tanır. <video> ve track etiketlerini kullanarak, videolarınızı kolayca ekleyebilir ve özelleştirebilirsiniz. Tarayıcı desteğini göz önünde bulundurarak ve birden fazla video formatı sağlayarak, videolarınızın tüm kullanıcılar tarafından erişilebilir olmasını sağlayabilirsiniz.