VideoPlayer

This component allows you to create a video player

Example

MediaVisualizer

<VideoPlayer
    :mime-type="mimeType"
    :media="media"
    :poster="poster"
    :locale="locale"
    :autoplay="autoplay"
/>

Props

NameDescriptionTypeRequiredDefault
crossOrigin-Stringfalse""
playsinline-Booleanfalsefalse
customEventName-Stringfalse"statechanged"
eventsPlayer eventsArrayfalse
globalOptionsGlobal player optionsObjectfalse-
globalEventsGlobal player eventsArrayfalseloadeddata,canplay,canplaythrough,play,pause,waiting,playing,ended,error
mediaMedia srcfalsenull
poster-Stringfalse"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcScWUM3gQlrGgrvBpef3ctTt_Zd0gakx4xT_g&usqp=CAU"
isMuted-Booleanfalsefalse
mimeType-MimeType / Stringfalsenull
height-Numberfalse200
localeLocale string {en, es ...} for display language on componentStringfalse"en"
preload-Stringfalse"auto"
liveui-Booleanfalsefalse
autoplay-Booleanfalsefalse
responsive-Booleanfalsetrue