VideoPlayer
MoleculeÖzelleştirilmiş HTML5 video oynatıcı. Kalite seçimi, altyazı (WebVTT overlay + font boyutu), ses dili, oynatma hızı, seek, ses kontrolü ve tam ekran desteği. Klavye kısayolları: Space/K=oynat, ←→=±10s, ↑↓=ses, M=sessiz, F=tam ekran.
Placeholder Video — Full Features Demo
0:00/0:00
Son callback: —
<VideoPlayer
src="video.mp4"
poster="poster.jpg"
title="Video Title"
qualities={[
{ label: '1080p HD', value: '1080' },
{ label: '720p', value: '720' },
{ label: 'Auto', value: 'auto' },
]}
subtitles={[
{ label: 'English', srclang: 'en', src: 'en.vtt' },
{ label: 'Türkçe', srclang: 'tr', src: 'tr.vtt' },
]}
audioTracks={[
{ label: 'English', language: 'en' },
{ label: 'Türkçe', language: 'tr' },
]}
onQualityChange={(v) => console.log(v)}
onAudioTrackChange={(i) => console.log(i)}
/>Placeholder Video — Subtitle Demo
0:00/0:00
<VideoPlayer
src="video.mp4"
poster="poster.jpg"
title="Elephants Dream"
subtitles={[
{ label: 'English', srclang: 'en', src: 'en.vtt' },
{ label: 'Türkçe', srclang: 'tr', src: 'tr.vtt' },
]}
/>0:00/0:00
<VideoPlayer src="video.mp4" poster="poster.jpg" />