Top

video Tag

  • All
  • Dijital pazarlama
  • Dijital, İyi Şeyler Podcast
  • E-Ticaret
  • Eğitim
  • Growth hacking
  • İnceleme
  • Kişisel
  • Rehber
  • Reklam
  • Sosyoloji
  • Teknoloji
  • Wordpress

Web üzerinde video

Şu ana kadar, bir web sayfası üzerinde video göstermenin standardı yoktu.

Günümüzde, flash gibi bir eklenti ile videolar gösterilmekte. Bununla beraber, tarayıcıların hepsi aynı tür eklentilere sahip değiller.

HTML5 video eklemek için bir standart belirlemekte, video elementi ile.


Video Formatları

Varsayılan olarak, video elementince desteklenen 3 tip format mevcut:

FormatIEFirefoxOperaChromeSafari
OggNo3.5+10.5+5.0+No
MPEG 49.0+NoNo5.0+3.0+
WebMNo4.0+10.6+6.0+No
  • Ogg = Ogg dosyaları Theora video codec’i  ve Vorbis audio codec’i ile çalışır.
  • MPEG4 = MPEG 4 dosyaları H.264 video codec’i ve AAC audio codec’i ile çalışır.
  • WebM = WebM dosyaları VP8 video codec’i ve Vorbis audio codec’i ile çalışır.

Nasıl çalışır?

HTML5’te video göstermek için, ihtiyacınız olan şey:

<video src=”movie.ogg” controls=”controls”>
</video>

Control özelliği oynatmayı eklemek için, durdurmayı, ve de ses kontrollerini…

HTML 4.01 1999’da standart olduğundan beri internet epey değişime uğradı.

Günümüzde, bazı HTML 4.01 elementlerinin ya modası geçti ya hiç kullanılmadı ya da amacının dışına çıktı kullanımı. Bu elementler de yeni HTML 5’te yeniden yazıldı ya da kaldırıldı.

Günümüzün internet kullanımının üstesinden daha iyi bir şekilde gelme, HTML5’in yapı için yeni elementlerin,çizim, medya içeriği, ve daha iyi form işleme ile mümkün.


Yeni işaretleme elementleri

Daha iyi bir yapı için elementler:

EtiketTanım
<article>Harici bir kaynağa ait içerik için kullanılır. Blog, forum içeriği gibi.
<aside>İçeriği çerçeveler ve içeriğin yer aldığı yerdedir.
<command>Bir buton, radyo butonu ve bir onay kutusu için.
<details>Bir belge veya belge parçası için ayrıntıları ifade eder.
<summary>Bir başlık, veya özet, element içindeki ayrıntılara dair
<figure>Bir bölümün yerleşik içeriğinin gruplanması, misal video
<figcaption>Figure bölümü(section) için başlık
<footer>Bir belge veya bölümün footer kısmı için, yazarın adını içerebilir, belgenin tarihini de, iletişim bilgilerini de, veya kullanım haklarına dair ibareler de…
<header>Bir belge veya bölümün için tanıtım kısmı için, navigasyon yani yönlendirme menüsünü de içerebilir.
<hgroup>Başlıkların bir bölümüdür,  <h1> den <h6> ya kadardır, en büyük olan bölümün başlığı olur, ve diğerleri de alt başlık olur.
<mark>Yazıları vurgulamak için
<meter>Ölçü birimi için, en düşük ve en  yüksek değerleri bildiğinizde kullanırsınız.
<nav>Navigasyon bölgesi için
<progress>Bir çalışmanın sürecine dair bilgi verir. Flash’taki loading meselesi…
<ruby>Ruby için(Cince karakterler ve noktalamalar da dahil)
<rt>Ruby notuna dair açıklama için
<rp>Ruby elementini desteklemeyen tarayıcıların ne göstereceğini belirtiriz.
<section>Belgedeki bir bölge. Bölümler, başlıklar, footers veya belgenin diğer bölümleri
<time>Zaman ya da tarih tanımlamak için ya da her ikisi…
<wbr>kelime sonu. Satır sonu nun alternatifi.

 


Yeni medya elementleri

HTML5 yeni medya standartları sunmakta:

Yine yazılı bir izin olmaksızın alıntı yapma yasağı var bu kitapta. Bu yüzden içeriğinden alıntı yapmadan anlatacağım ancak.Kitap; Dikeyeksen Yayıncılık tarafından basılmış, Şubat 2011 birinci baskısı.  Sayfa ve baskı kalitesi çok yüksek. 239 sayfa. Ertuğrul Haskan'ın özverili çalışması ile hazırlanmış. İlk baştaki yazma amacı herkesin...