Video.js – Ortam oynatma kütüphanesi

1
291
views

vide

Eskiden website sahipleri  için site  üzerinden video yayınlamak bir hayli büyük problemdi. Site üzerinden video oynatmaya yarayan bir kaç çeşit flash  örneği  vardı hatırladığım. Çoğu websitesinde genellikle aynı video oynatıcı  kullanılırdı. Video oynatma tuşuna  bastığımda yükleniyor…. kelimesinden  sonra  bir  türlü yüklenmeyen video çilesi de ayrı bir  sıkıntıydı.  Halen bazı  sitelerde bir  türlü videoları oynatamayan video oynatıcılar mevcut.

Html5’in getirdiği  yenilikler arasında  birde  video  elementi  bulunuyor bildiğiniz gibi.    Img  elementine kolaylıkla resim ekleyebildiğimiz gibi video  elementi sayesinde  websayfasında herhangi bir flash player kullanmadan video oynatabiliyoruz.  Html5 video elementi sayesinde  gün geçtikçe  geliştiriciler tarafından farklı  html5  video player örnekleri hazırlanıyor. Mootools  ve jQuery kütüphaneleri tarafından da desteklenen bir  kaç tane Html5 videoplayer eklentisi paylaşmıştık daha önceden.

VideoJs herhangi  bir  JavaScrip tkütüphanesine ihtiyaç duymadan  tek başına websayfası üzerinden Html5  video elementi sayesinde  video oynatabilen bir  JavaScript kütüphanesidir. İlk  çıktığında yanılmıyorsam  sabit  bir  tasarımı vardı. Kullanmak isteyenlerin olduğu gibi herhangi bir değişiklik yapmadan kullanması gerekiyordu. Daha doğrusu herkesin kendi  zevkine  göre bir  video player hazırlaması mümkün değildi. Şu an site  üzerinden  kendi video playerinizi  tasarlamanız  için eklenmiş  bir kaç  adet  editör ayarı  bulunuyor. Bu ayarlar sayesinde  video playerinizi  kendi sitenizin rengine uyarlayabilmeniz  oldukça  kolay. Şimdilik kendi video playerinizi  oluşturmanız  için fazla  seçenek bulunmuyor  ama umarım gelecekte  tam anlamıyla  kendi  video playerinizi  tasarlayabileceğiniz  ayarlar da eklenir.

 

Kullanım

  • Head etiketleri arasına eklemeniz gereken bölüm.

JavaScript ve Css adresleri :

  • Body etiketleri arasına eklemeniz gereken bölüm.

Html :

 

İsterseniz yukarıda vermiş olduğum kodlar ile sitenize video oynatıcı ekleyin, isterseniz demo sayfasında kendinize özgü renkler belirleyerek video oynatıcı kodunu alın.

Aranan kelimeler:

  • video oynatma kodu
1 oy (3 votes, average: 4,67 out of 5)
Loading...
Önceki İçerikPassy – Parola oluşturma uygulaması
Sonraki İçerikWrockMetro
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

1 Yorum

  1. Hocam merhaba daha önce bir player kurulumu yapmadım bu playeri nasıl ekleyebilirim siteme. Bir de dowland linki kırılmış düzeltirseniz. Son olarak sitemde ekli youtube playeride bu playerle mi oynar.

CEVAP VER

Please enter your comment!
Please enter your name here