Css Altyazı Ekleme

CSS Altyazı Ekleme: Kapsamlı Bir Kılavuz

Giriş

Altyazılar, videoların erişilebilirliğini ve anlaşılırlığını artıran önemli bir unsurdur. CSS (Basamaklı Stil Sayfaları), web sayfalarının stilini ve görünümünü kontrol etmek için kullanılan bir dildir ve altyazıların görünümünü özelleştirmek için de kullanılabilir. Bu makale, CSS kullanarak videolara altyazı ekleme konusunda kapsamlı bir kılavuz sağlayacaktır.

Altyazı Dosyası Oluşturma

Altyazı dosyaları, altyazıların zaman damgalarını ve metnini içeren metin dosyalarıdır. En yaygın altyazı dosyası formatları şunlardır:

SRT (SubRip): En yaygın altyazı dosyası formatı
VTT (WebVTT): HTML5 videoları için tasarlanmış daha modern bir format

Altyazı dosyası oluşturmak için bir metin düzenleyici kullanabilirsiniz. Dosyanın aşağıdaki formatta olması gerekir:

1 00:00:00,000 --> 00:00:05,000 Bu bir altyazı örneğidir.

1: Altyazının sırası
00:00:00,000 –> 00:00:05,000: Altyazının başlangıç ve bitiş zaman damgaları
Bu bir altyazı örneğidir.: Altyazı metni

CSS Altyazı Stili

Altyazıların görünümünü özelleştirmek için aşağıdaki CSS özelliklerini kullanabilirsiniz:

color: Altyazı metninin rengi
font-family: Altyazı metninin yazı tipi
font-size: Altyazı metninin boyutu
text-align: Altyazı metninin hizalanması
background-color: Altyazı arka planının rengi
padding: Altyazı metni ile arka plan arasındaki boşluk

Altyazıların Videoya Eklenmesi

Altyazıları videoya eklemek için aşağıdaki adımları izleyin:

Altyazı dosyasını web sunucunuza yükleyin.
HTML kodunuza aşağıdaki satırı ekleyin:

“`html

“`

video.mp4: Video dosyasının yolu
altyazi.srt: Altyazı dosyasının yolu
tr: Altyazıların dili
Türkçe Altyazı: Altyazıların etiketi

Faydalı Siteler ve Dosyalar

Sonuç

CSS kullanarak videolara altyazı eklemek, erişilebilirliği ve anlaşılırlığı artırmanın kolay ve etkili bir yoludur. Bu kılavuzu izleyerek, altyazıların görünümünü özelleştirebilir ve videolarınızı daha geniş bir kitleye ulaştırabilirsiniz.