Video Player

Komponentti mediatiedostojen ja sisällön toistamiseen YouTubesta, SoundCloudista ja Vimeosta.

Vaihtoehdot

• url | string: Videon URL-osoite. Default: ''.
• controls | boolean: osoittaa, näytetäänkö videosoittimen ohjauselementit.. Default: false.
• playing | boolean: ilmoittaa, aloitetaanko videon toisto automaattisesti. Default: false.
• volume | number: soittimen äänenvoimakkuus. Default: 0.8.
• center | boolean: säätää, keskitetäänkö videosoitin. Default: true.
• height | (string|number): pelaajan korkeus. Default: 360.
• width | (string|number): soittimen leveys. Default: 640.
• loop | boolean: valvoo, aloitetaanko video uudelleen sen jälkeen, kun se on toistettu.. Default: false.
• startTime | number: sekuntien määrä, josta video aloitetaan, tai murto-osa, jos arvo on 0 ja 1 välillä.. Default: none.
• style | object: CSS-inline-tyylit. Default: {}.
• onEnded | function: callback, joka käynnistyy videon päätyttyä. Default: onEnded() {}.
• onPause | function: callback, joka käynnistyy, kun video pysähtyy.. Default: onPause() {}.
• onPlay | function: callback, joka käynnistyy, kun video käynnistyy tai jatkuu tauottamisen jälkeen.. Default: onPlay() {}.
• onStart | function: Callback, joka käynnistyy, kun video pysähtyy.. Default: onStart() {}.
• onSeek | function: callback kun media hakee kutsutaan sekuntia parametrin kanssa. Default: onSeek() {}.

Esimerkkejä

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

Live Editor

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

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

Tulos

ReferenceError: Provider is not defined