FlowPlayer

Flowplayer oynatıcısı, entegre etme ve video oynatma

 

Güncel versiyon için buraya tıklayın

 

Flowplayer http://flowplayer.org/ adresinden indirilebilen çok küçük ama çok etkili bir video oynatma aracıdır. Bu araç o kadar iyi ki; HTML5’i destekliyor, oynatma listesi var, istatistik bölümü var, canlı yayın yapabilme özelliği var, her türlü tarayıcıda çalışabiliyor, iframe kullanmaz ve bence en önemlisi asıl kodları kendi sitenizde saklamanıza gerek yok.

FlowPlayer

FlowPlayer

Artıları

Minimal tasarım: jQuery gibi tüm kodlar sizin için hazırlanıp sıkıştırılmış. Tek yapmanız gereken bu aracı çalıştıracak kodları siteye eklemek.
Standart arayüzler: Ekstra hiç bir kod yazmaya gerekmeksizin kullanabileceğiniz 3 farklı arayüz var.
Değişken boyut: Tüm tarayıcılarda sorunsuz çalışmakla kalmaz ayrıca otomatik olarak ekranın genişliğine göre kendini ayarlar.
Her türlü özelliği var: HMTL5, Google Analytics, istenen yerden izleyebilme, tam ekran yapabilme, kısayollar.
Temiz sözdizimi: Az satırla çok iş yapması ile meşhur olmuş bir araç.

Kurulum

1. <head> içine yazılacaklar

<!-- 1. jquery dosyasını ekliyoruz-->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- 2. flowplayer ekleme kodları-->
<script type="text/javascript" src="http://releases.flowplayer.org/5.2.1/flowplayer.min.js"></script>
<!-- 3. arayüz için CSS kodları-->
<link href="http://releases.flowplayer.org/5.2.1/skin/minimalist.css" rel="stylesheet" type="text/css" />

Bu dosyalar Amazon CDN içinde olduğu için hem kullanıcılar için erişimi hızlı hem de sizin sitenizin açılışını hızlandırır.

2. <body> içine yazılacaklar

<div class="flowplayer">
  <video src="intro.mp4"></video>
</div>
FlowPlayer Arayüzleri

FlowPlayer Arayüzleri

Burada da canlı bir örnek sayfa var. Kodlardaki <video> etiketi HTML5 destekli olduğu için kullanılıyor, javascript kapalı olduğunda bile modern tarayıcılarda çalışmasını mümkün böylece. DIV etiketi ise asıl FlowPlayer’ın yükleneceği katmandır. Bu katmanın genişliği 100%’dür, yüksekliği ise videoya bağlı olarak değişmektedir. Sayfa yüklendiğinde videonun ilk resmi açılış ekranı olarak gösterilir.

Tavsiye edilen video formatları

  • MP4: tüm tarayıcılarda çalışır
  • WEBM: modern tarayıcılarda çalışır
  • OGG: eski tarayıcılarda çalışır

FlowPlayer ilşk başta HTML5 formatında yüklenmeye çalışıyor. TArayıcı HTML5 desteklemiyorsa Flash versiyonu otomatik olarak yüklenir.

Örnek Sayfalar