HTML 5 ile Video Eklemek

01-09-2012, 20:12:41

Üyeliği durduruldu

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.

08-09-2012, 18:41:04

#2

yiqiter

Kimlik doğrulama veya yönetimden onay bekliyor.

Teşekkürler Hocam

21-05-2013, 13:57:57

#3

loc

HTML5 ile kodlama yaparken karşılaştığım ilginç bir sorun var. Firefox, Ie, Safari, Opera gibi browserlarda test ettim çalışıyor ama Chrome'da çalışmıyor. Sebebi ne olabilir? Ben çözemedim durumu

<video width="600" height="400" controls="controls">
  <source src="uploads/video/patientenhandset_uk_high.mp4" type="video/mp4" />
  <source src="uploads/video/patientenhandset_uk_high.ogg" type="video/ogg" />
  Your browser not supported this video.
</video>