banner
htmldersleri
Ana SayfaANA SAYFA Dersler | Örnekler | Forum | Sıkça Sorulan Sorular |Hakkında
HTML Temel
HTML Giriş
HTML Elementler
HTML Etiketler
HTML Parametreler
HTML Biçimlendirme
HTML Özeller
HTML Bağlantılar
HTML Çerçeveler
HTML Tablolar
HTML Listeleme
HTML Formlar
HTML Resimler
HTML Arka Plan
HTML Renkler
HTML Renk Değerleri
HTML Renk İsimleri
HTML Hızlı Liste

HTML5 Ana Menü
HTML5 Giriş
HTML5 Anlamlandırma
HTML5 Giriş Tipleri
HTML5 Form Elementleri
HTML5 Form Özellikleri
HTML5 Canvas
HTML5 SVG
HTML5 Video
HTML5 Audio
HTML5 Konum
HTML5 Sürükle/Bırak
HTML5 Web Depolama
HTML5 Uygulama Bellekleme
HTML5 Web Çalışanı
HTML5 SSE

HTML Gelişmiş
HTML Tasarım
HTML Fontlar
HTML Stiller
HTML Başlık
HTML Meta
HTML URL
HTML Scriptler
HTML Std. Nitelikler
HTML Olaylar
HTML ASCII
HTML Web Sunucu

HTML Örnekler/Test
HTML Örnekler
HTML Örnek Site
HTML Test

HTML5 Video

Önceki Sonraki

Bir çok modern web sitesi video oynatır. HTML5 bunlar için bir standar sunar.

Tarayıcınızın destekleyip desteklemediğini kontrol edin.



Tarayıcı Desteği

Internet Explorer Firefox Opera Google Chrome Safari

Internet Explorer 9+, Firefox, Opera, Chrome ve Safari destekler.



HTML5 Video - Nasıl Çalışır

HTML5'te video görüntülemek için yapmanız gereken tek şey:

Örnek

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Tarayıcınız bu özelliği desteklemiyor.
</video>

Kendin Dene »

"control" özelliği, "play, pause, ses" gibi denetimleri ekler.

Ayrıca genişlik ve yükseklik ayarlarını belirtmek iyi bir fikirdir. Eğer ayarlanırsa, video için gerekli boşluk sayfa yüklenirken ayarlanır. Ancak, bunlar yoksa, tarayıcı ne kadar alan ayıracağını bilemez.

<video> elementi çoklu kaynak (<source>) kullanımına izin verir. <source> elementi farklı ses dosyalarına bağlantıya izin verir. Tarayıcı, ilk tanımlayabildiği dosyayı kullanır.


Video Formatları ve Tarayıcı Desteği

Şu an için <video> elementini destekleyen üç format bulunmaktadır: MP4, WebM ve Ogg:

Tarayıcı MP4 WebM Ogg
Internet Explorer EVET HAYIR HAYIR
Chrome EVET EVET EVET
Firefox NO
EVET EVET
Safari EVET HAYIR HAYIR
Opera HAYIR EVET EVET
  • MP4 = MPEG 4 dosyaları. H264 video codec ve AAC audio codec ile
  • WebM = WebM dosyaları. VP8 video codec ve Vorbis audio codec ile
  • Ogg = Ogg dosyaları. Theora video codec ve Vorbis audio codec ile

Video Formatları için MIME Tipleri

Format MIME Tipi
MP4 video/mp4
WebM video/webm
Ogg video/ogg


HTML5 <video> - DOM Metodu ve Özellikleri

HTML5 <video> ve <audio> elementleri için DOM metodları, özellikleri ve olayları vardır.

Bu metodlar, özellikler ve olaylar JavaScript kullanarak medya dosyalarını kontrol etmenizi sağlar.

Aşağıda bunun bir örneği görülmektedir.

Örnek

Bir video için basit oynat/duraklat ve boyutlandır kontrolleri oluşturma:




Yukarıdaki örnek iki metod kullanır: play() ve pause(). Ayrıca iki özellik (property) kullanır: paused ve width.

Kendin Dene »

Önceki Sonraki

Dersler | Örnekler | Forum | Sıkça Sorulan Sorular |Hakkında
Copyright © 2008 | Tüm Hakları Saklıdır. | Webmaster: destek@htmldersleri.org

60 kişi şuan sayfamızda geziniyor.

English Deutsch Français Español Dutch Italiano Português Български
html dersleri
Dersler Örnekler Online Test