HTML ile farklı video formatlarını desteklemek için <source> etiketini kullanabilirsiniz. Bu, tarayıcının desteklediği çeşitli video formatlarına uyum sağlamak için önemlidir. İşte örnek bir HTML kodu:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Farklı Video Formatları</title>
</head>
<body>
<h2>Webinar Videosu</h2>
<video width="640" height="360" controls>
<!-- MP4 formatı -->
<source src="webinar.mp4" type="video/mp4">
<!-- WebM formatı -->
<source src="webinar.webm" type="video/webm">
<!-- Ogg formatı -->
<source src="webinar.ogv" type="video/ogg">
Tarayıcınız video etiketini desteklemiyor.
</video>
</body>
</html>
Bu örnekte, <video> etiketi içinde üç farklı <source> etiketi bulunuyor. Her biri farklı bir video formatını (mp4, webm, ve ogg) temsil eder. Tarayıcı, bu formatları desteklediği sırayla kontrol eder ve uygun olan ilk formatı kullanır.
Bu şekilde, farklı tarayıcılar ve cihazlar arasında geniş bir video formatı desteği sağlayarak daha fazla kullanıcı kapsamına ulaşabilirsiniz.