Ses ve Video

HTML içinde ses ve video kavramını, kullanım sınırlarını ve güvenilir uygulama biçimini öğrenin.

Ses ve Video, HTML ile medya ve gömülü içerik çalışırken hata durumlarını denetlenebilir bir akışa dönüştürmek için kullanılan yaklaşımı açıklar. Medya içeriğinde boyut, alternatif açıklama, yükleme stratejisi ve kullanıcı kontrolü birlikte düşünülmelidir.

Üçüncü taraf gömmelerini en az yetkiyle sınırlandırmak; otomatik oynatma ve düzen kaymasını önlemek erişilebilirlik ile performansı korur. İsimlendirme, küçük sorumluluklar ve görünür veri akışı; kodun yalnızca çalışmasını değil, anlaşılmasını da sağlar. Aşağıdaki örnek, konuyu küçük ve izlenebilir bir akış içinde gösterir.

Yaygın hata ve doğru yaklaşım

Girdi, çıktı ve hata sözleşmesini belirsiz bırakmak çağıran kodu kırılgan hâle getirir. Normal akış kadar başarısızlık davranışını da açıkça tasarlayın.

Sonuç

Ses ve Video, doğru sınırlar ve açık bir sözleşmeyle kullanıldığında HTML kodunun güvenilirliğini artırır. Önce doğruluğu kurun; ölçüm göstermeden karmaşık optimizasyona yönelmeyin.

Ses ve Video örneği

<figure>
  <picture>
    <source srcset="/images/book.avif" type="image/avif">
    <img src="/images/book.jpg" alt="Açık duran bir kod kitabı" width="800" height="450">
  </picture>
  <figcaption>Ses ve Video</figcaption>
</figure>