Video Player

Um componente para reproduzir arquivos de mídia e conteúdo do YouTube, SoundCloud, e Vimeo.

Opções

• url | string: URL do vídeo. Default: ''.
• controls | boolean: indica se devem ser exibidos elementos de controle do reprodutor de vídeo. Default: false.
• playing | boolean: indica se deve começar a reproduzir o vídeo automaticamente. Default: false.
• volume | number: volume do jogador. Default: 0.8.
• center | boolean: controla se o reprodutor de vídeo deve ser centralizado. Default: true.
• height | (string|number): altura do jogador. Default: 360.
• width | (string|number): largura do jogador. Default: 640.
• loop | boolean: controla se o vídeo deve ser reiniciado após a sua reprodução. Default: false.
• startTime | number: número de segundos para iniciar o vídeo, ou fração se o valor estiver entre 0 e 1. Default: none.
• style | object: Estilos em linha CSS. Default: {}.
• onEnded | function: chamada de retorno invocada quando o vídeo termina. Default: onEnded() {}.
• onPause | function: chamada de retorno invocada quando o vídeo faz uma pausa. Default: onPause() {}.
• onPlay | function: chamada de retorno invocada quando o vídeo começa ou retoma a reprodução após uma pausa. Default: onPlay() {}.
• onStart | function: chamada de retorno invocada quando o vídeo faz uma pausa. Default: onStart() {}.
• onSeek | function: chamada de retorno quando a mídia procura chamada com o parâmetro segundos'. Default: onSeek() {}`.

Exemplos

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

Editor ao vivo

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

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

Resultado

ReferenceError: Provider is not defined