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.widthveheightö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.mp4adlı 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.