Video Player

Komponent do odtwarzania plików multimedialnych i treści z serwisów YouTube, SoundCloud i Vimeo.

Opcje

• url | string: URL filmu. Default: ''.
• controls | boolean: wskazuje, czy mają być wyświetlane elementy sterujące odtwarzacza wideo. Default: false.
• playing | boolean: wskazuje, czy należy automatycznie rozpocząć odtwarzanie wideo. Default: false.
• volume | number: głośność odtwarzacza. Default: 0.8.
• center | boolean: kontroluje, czy odtwarzacz wideo ma być wyśrodkowany. Default: true.
• height | (string|number): wysokość zawodnika. Default: 360.
• width | (string|number): szerokość zawodnika. Default: 640.
• loop | boolean: kontroluje, czy po odtworzeniu wideo ma być ono uruchamiane od nowa. Default: false.
• startTime | number: liczba sekund, po których można rozpocząć odtwarzanie wideo lub ułamek, jeśli wartość mieści się w przedziale od 0 do 1. Default: none.
• style | object: Style CSS inline. Default: {}.
• onEnded | function: wywołanie zwrotne po zakończeniu wideo. Default: onEnded() {}.
• onPause | function: Oddzwonienie wywołane w przypadku przerwy w nagrywaniu wideo. Default: onPause() {}.
• onPlay | function: oddzwonienie wywołane przy rozpoczęciu lub wznowieniu odtwarzania po pauzie. Default: onPlay() {}.
• onStart | function: oddzwonienie wywołane po przerwie w oglądaniu filmu. Default: onStart() {}.
• onSeek | function: wywołanie zwrotne, gdy media poszukują wywołania z parametrem sekundy'. Default: onSeek() {}`.

Przykłady

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

Edytor na żywo

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

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

Wynik

ReferenceError: Provider is not defined