Bugüne kadar hepimiz flash player kullanarak ya da çeşitli yöntemlerle sitemize video ekledik. Ücretsiz player bulmak dert oldu, swf dosyasını siteye gömmek dert oldu. Artık HTML 5 ile bunların hiç birine ihtiyaç duymadan video ekleyebiliyoruz.
Tarayıcı Desteği
Internet Explorer 9, Firefox, Opera, Chrome, ve Safari video etiketini desteklemektedir.
Dikkat: Internet Explorer 8 ve daha eski versiyonlar video etiketini desteklememektedir.
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" />
Tarayıcınız video etiketini desteklememektedir.
</video>
</body>
</html>
Kodun Açıklaması
width ve height alanlarını kullanarak videomuzun boyutunu belirttik. controls bölümü ise başlat, durdur gibi butonların da olmasını sağlıyor. Ayrıca <video> ve </video> etiketleri arasına eklediğimiz metin tarayıcısı HTML 5 desteklemeyenlere görünecektir.
Not: Videonuzun daha fazla tarayıcı tarafından desteklenmesi için birden fazla source satırı ekleyebilirsiniz.
Kodun nasıl göründüğünü görmek ve buraya tablo ekleyemediğimden kopyalayamadığım bazı ayrıntılar için
kaynak:
HTML 5 Dersleri » HTML 5 ile video eklemek.