HTML Video İşlemleri

HTML ile video eklemek oldukça basittir. İşte temel bir HTML video örneği:

<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML Video Örneği</title> </head> <body> <h2>Webinar Videosu</h2> <video width="640" height="360" controls> <source src="webinar.mp4" type="video/mp4"> Tarayıcınız video etiketini desteklemiyor. </video> </body> </html>

Bu örnekte:

  • <video> etiketi, bir video oynatıcısı oluşturur.
  • width ve height özellikleri, videonun genişliğini ve yüksekliğini belirler.
  • controls özelliği, videoyu oynatma, duraklatma ve ses kontrolü gibi temel kontrolleri ekler.
  • <source> etiketi, farklı video formatlarını desteklemek için kullanılır. Eğer tarayıcı MP4 formatını destekliyorsa, webinar.mp4 adlı dosyayı kullanacaktır. Tarayıcı bu formatı desteklemiyorsa, "Tarayıcınız video etiketini desteklemiyor." mesajını görüntüleyecektir.

Bu örnek, kullanıcıya video izleme deneyimi sunan basit bir HTML sayfasıdır. Gerçek bir projede, farklı video formatlarını destekleyerek ve daha fazla özelleştirme ekleyerek kullanıcı deneyimini iyileştirebilirsiniz.



Yorum Ekle