HTML5 Video Player

Sinema kalitesi.
Web için.

Plugin destekli, tema sistemi olan, HLS/DASH streaming ve Chromecast entegrasyonu ile profesyonel video deneyimi. Sıfır bağımlılık, tam JavaScript API.

Demo'yu Aç Özellikleri Gör
Keşfet
7
Dil desteği
5
Hazır tema
0
Zorunlu bağımlılık
48KB
Min. gzip boyutu
Yetenekler

Her video kaynağı.
Tek player.

MP4'ten MPEG-DASH'e, YouTube'dan canlı HLS akışına — CinePlayer tüm formatları tek bir tutarlı API ile yönetir.

HLS & DASH
Adaptif bit hızı streaming. hls.js ve dash.js entegrasyonu.
Chromecast
Google Cast SDK v3. Tek tıkla TV'ye yayın.
Thumbnail
Hover'da video karesi. VTT sprite veya canvas yakalama.
Altyazı
WebVTT, SRT ve DASH/HLS içi altyazı. Çoklu dil.
DRM Hazır
EME API. Widevine, PlayReady, FairPlay lisans sunucusu.
Picture-in-Picture
Native PiP API desteği. Sayfadan bağımsız oynatma.
Hızlı Başlangıç

İki satırda
çalışır.

HTML sayfanıza iki dosya ekleyin, bir div hedefleyin. Geri kalanı CinePlayer'a bırakın.

1cineplayer.js ve cineplayer.css'i ekleyin
2Bir div oluşturun, CinePlayer'ı başlatın
3Plugin'leri ihtiyaca göre ekleyin
index.html 
<!-- CSS -->
<link rel="stylesheet"
      href="dist/cineplayer.min.css"/>

<div id="player"></div>

<script src="dist/cineplayer.min.js"></script>
<script src="dist/cineplayer.plugins.min.js"></script>

<script>
  const player = new CinePlayer('#player', {
    src:     'video.mp4',
    lang:    'tr',
    plugins: ['hls', 'dash', 'chromecast'],
  });
</script>
Temalar

Her tasarıma
uyum sağlar.

Hazır 5 tema, tam CSS değişken sistemi. Bir sınıf eklemek yeterli.

Tema Galerisi
Default
Violet dark
Ocean
Teal dark
Crimson
Sinema kırmızısı
Light
Kurumsal
Minimal
Monokrom
Eklenti Ekosistemi

İhtiyacına göre
genişle.

YouTube Adaptörü
YouTube iframe API ile tam entegrasyon.
Playlist
Sıralı oynatma, önceki/sonraki navigasyon.
Chapter Markers
Progress bar üzerinde bölüm işaretleri.
Kendi Eklentin
CinePlayer.registerPlugin() ile genişlet.
Dailymotion
postMessage API ile Dailymotion desteği.
Ses Kanalları
HLS ve DASH çoklu ses kanalı seçimi.

Her framework ile
uyumlu.

ReactVue 3Angular 14+ SvelteNuxtNext.js Vanilla JSTypeScriptElectron

React, Vue ve Angular için hazır wrapper bileşenleri dahildir.

Projenizde
test edin.

Demo sayfasını açın, kendi video URL'nizi girin. Hiç kurulum gerekmez.

Demo'ya Git Tema Galerisi