HTML5, web sayfalarında multimedya içeriklerini desteklemek için güçlü özellikler sunar. <video> ve <audio> etiketleri sayesinde harici eklentilere gerek kalmadan video ve ses dosyaları oynatılabilir. Bu yazıda, HTML5 ile video ve ses kullanımını detaylıca inceleyeceğiz.

HTML5 Video Kullanımı

HTML5’te <video> etiketi kullanılarak videolar doğrudan web sayfasına eklenebilir. İşte temel bir video oynatma örneği:

<video width="640" height="360" controls>
    <source src="video.mp4" type="video/mp4">
    Tarayıcınız video etiketini desteklemiyor.
</video>

Video Etiketinin Özellikleri

• controls: Oynatma, duraklatma gibi kontrolleri gösterir.
• autoplay: Sayfa yüklendiğinde videonun otomatik başlamasını sağlar.
• loop: Video bittiğinde tekrar başlamasını sağlar.
• muted: Videoyu varsayılan olarak sessiz oynatır.
• poster: Videoyu başlatmadan önce gösterilecek bir önizleme görseli belirler.

YouTube veya Vimeo Videosu Gömme

Harici video platformlarından içerik eklemek için <iframe> kullanılabilir:

<iframe width="640" height="360" src="https://www.youtube.com/embed/example" frameborder="0" allowfullscreen></iframe>

HTML5 Ses Kullanımı

Web sayfalarına ses eklemek için <audio> etiketi kullanılır. İşte temel bir ses oynatma örneği:

<audio controls>
    <source src="ses.mp3" type="audio/mpeg">
    Tarayıcınız ses etiketini desteklemiyor.
</audio>

Ses Etiketinin Özellikleri

• controls: Kullanıcı için ses oynatma kontrollerini gösterir.
• autoplay: Sayfa yüklendiğinde sesi otomatik oynatır.
• loop: Sesin sürekli tekrar etmesini sağlar.
• muted: Varsayılan olarak sesi kapatır.

HTML5’in sunduğu <video> ve <audio> etiketleri, multimedya içeriklerini kolayca web sayfalarına entegre etmeyi sağlar. Doğru özellikleri kullanarak, kullanıcı dostu bir deneyim sunabilirsiniz.