Html5 video etiketi

1
1901
Görüntülenme

Bir zamanlar, web üzerinde video, öncelikle Flash, QuickTime ve Silverlight gibi üçüncü parti tarayıcı eklentileri sayesinde çalıştırılabilirdu. Bunlar fena  değildi, ama bazı  sorunları vardı. Html5 sayesinde Dünyanın en çok kullanılan tarayıcılarında video dosyası çalıştırabilmek artık çok kolay. Sadece bir kaç satırlık kod yazılarak web sayfaları üzerinde video dosyası çalıştırabilirsiniz.

Yalnız işin kötü tarafı aşağıdaki resimde anlaşılıyor.

video

Yukarıdaki resimden ne anladınız bilmiyorum. Onun içinde bi açıklama yapim; .mp4, .ogg, .webm bütün bunlar video dosyasının değişik değişik türdeki format çeşitleri. Kimi tarayıcılar mp4 destkler kimisi .ogg kimiside .webm  türünden video dosyalarını destekler ve kendi içerisinde çalıştırır. Yani anlıyacağınız elinizde bir .mp4 video dosyası var ve sitenizde html5 video player ile yayınlamak istiyorsunuz ve bütün tarayıcılarda tek bir formatta çalıştırmak istiyorsunuz, malesef şimdiki  zamanda  bunu yapamıyorsunuz. Her tarayıcıda düzgün olarak çalışabilmesini sağlayabilmeniz için  her tarayıcının desteklediği formatta yükleme yapmanız gerekiyor.

 

Web tarayıcılarınıda temel video player kullanımı.

Diğer Nitelikler:

autoplay

crossorigin

loop

mediagroup

muted

preload

Preload için kullanılabilir değerler :  preload=”auto” preload=”metadata” preload=”none”

Html5 video etiketi sadece modern tarayıcılar üzerinde çalışabildiği için çalışmayan tarayıcılarada çözüm bulmak gerekiyor. Ziayertçi tarayıcısının desteklemediğini anlayabilmesi için video etiketleri arasına ?Malesef tarayıcınız ortam oynatıcı özelliğini desteklemiyor? gibi bir uyarı yazarsak html5 player yerine bu uyarı yazısını görebilirler.

Bunun içinde aşağıdaki gibi bir kod kullanıyoruz.

 

Çoklu Ortam oynatma :

Çoklu ortam derken demek istediğimiz her tarayıcının desteklediği biçimde ortam dosyası çalma.

 

MIME Türleri

 

Html5 video etiketi hakkında anlatacaklarımız bu kadar.

Örnek bir demo :

Eğer video playeri görüyorsanız tarayıcınız destekliyor demektir. Html5 video etiketi desteklemediği bir tarayıcı üzerinden sayfayı görüntüleyen arkadaşlar üstte “Malesef taraycınız ortam oynatıcı desteklemiyor” gibi bir uyarı göreceklerdir.

  • Html5 “video” etiketi  destekleyen tarayıcılar

video etiketi

Aranan Kelimeler:

  • video biçimi veya mime türü desteklenmiyor
  • firefox video biçimi veya mime türü desteklenmiyor
  • desteklenen biçimde veya MİME türlerinde video bulunamad
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5,00 out of 5)
Loading...
Önceki İçerikAmphionLite
Sonraki İçerikLinklere tıklayınca aşağı kaysın
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

1 Yorum

  1. Merhaba,
    Makale için teşekkürler elinize sağlık. Türkçe kaynak bulmak bu kadar zorken çok detaylı bir makale olmuş. Konuyla ilgili bir şey sormak istiyorum. Vaktiniz varsa ve cavaplarsanız çok sevinirim. Şirketimizde eski bir uygulamayı yeniden yazıyoruz. Eski uygulamadaki videolar swf formatında. Ama ben html5 kullanmak istiyorum, bu yüzden test amaçlı swf uzantılı bir videoyu bir video coonverter programı ile mp4’e convert ettim. Videoyu mp4 haliyle bilgisayarımda görüntüleyebiliyorum ama projede denediğimde ‘dosya hasarlı olduğundan çalınamıyor’ şeklinde uyarı veriyor. Çok araştırdım ama bir sonuca ulaşamadım, konuyla ilgili herhangi bir fikriniz olsa bile paylaşmanızı rica ediyorum. Güzel günler 🙂

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.