Video Player

O componentă pentru redarea fișierelor media și a conținutului de pe YouTube, SoundCloud și Vimeo.

Opțiuni

• url | string: URL-ul videoclipului. Default: ''.
• controls | boolean: indică dacă trebuie afișate elementele de control ale playerului video. Default: false.
• playing | boolean: indică dacă trebuie să înceapă automat redarea video. Default: false.
• volume | number: volumul playerului. Default: 0.8.
• center | boolean: controlează dacă se centrează playerul video. Default: true.
• height | (string|number): înălțimea jucătorului. Default: 360.
• width | (string|number): lățimea jucătorului. Default: 640.
• loop | boolean: controlează dacă videoclipul trebuie să înceapă din nou după ce a fost redat. Default: false.
• startTime | number: numărul de secunde la care se începe înregistrarea video sau fracțiune dacă valoarea este cuprinsă între 0 și 1. Default: none.
• style | object: Stiluri inline CSS. Default: {}.
• onEnded | function: callback invocat odată ce videoclipul se termină. Default: onEnded() {}.
• onPause | function: callback invocat atunci când videoclipul se oprește. Default: onPause() {}.
• onPlay | function: callback invocat atunci când videoclipul începe sau reia redarea după pauză. Default: onPlay() {}.
• onStart | function: callback invocat odată ce videoclipul se oprește. Default: onStart() {}.
• onSeek | function: callback atunci când media caută apelat cu parametrul secunde.. Default: onSeek() {}.

Exemple

• Minimal
• Autoplay
• Start Time
• Controlled Size
• With Callback on Pause

Editor live

<VideoPlayer url="https://www.youtube.com/watch?v=UzxYlbK2c7E" />

<VideoPlayer
    url="https://www.youtube.com/watch?v=UzxYlbK2c7E"
/>

Rezultat

ReferenceError: Provider is not defined