Componente Video
Video
Componente para renderização de vídeo.
No Android, mesmo a propriedade autoPlay={true}
, para que o vídeo seja reproduzido automaticamente, é necessário que muted={true}
Exemplo:
<Video source='https://s3.amazonaws.com/calindra.com.br/ame.mp4' />
source
Aceita somente arquivo de vídeo em formato MP4 - String.
Exemplo:
<Video source='https://s3.amazonaws.com/calindra.com.br/ame.mp4' />
width
Define a largura do componente.
Aceita String ou Number como valor, exemplo: width="10%"
ou width={25}
.
Valor padrão: width="100%"
Exemplo:
<Video source='https://s3.amazonaws.com/calindra.com.br/ame.mp4' width='100%' />
height
Define a altura do componente.
Aceita String ou Number como valor, exemplo: height="10%"
ou height={25}
.
Valor padrão: height="100%"
Exemplo:
<Video source='https://s3.amazonaws.com/calindra.com.br/ame.mp4' height='50%' />
controls
Se esse atributo for verdadeiro, oferecerá controles para permitir o usuário controlar a reprodução do vídeo, incluindo volume, navegação, e pausa/continuação da reprodução.
Aceita somente Boolean como valor, exemplo: controls
, controls={true}
ou controls={false}
.
Valor padrão: controls={false}
Exemplo:
<Video source='https://s3.amazonaws.com/calindra.com.br/ame.mp4' controls />
autoPlay
O vídeo é executado automaticamente.
Aceita somente Boolean como valor, exemplo: autoPlay
, autoPlay={true}
ou autoPlay={false}
.
Valor padrão: autoPlay={false}
Exemplo:
<Video source='https://s3.amazonaws.com/calindra.com.br/ame.mp4' autoPlay />
thumbnail
Imagem para a capa do vídeo enquanto não carregado.
Aceita somente String como valor, exemplo: thumbnail="capa_do_video.jpg"
.
Exemplo:
<Video
source='https://s3.amazonaws.com/calindra.com.br/ame.mp4'
thumbnail='./path/image_de_capa.jpg'
/>
muted
Imagem para a capa do vídeo enquanto não carregado.
Aceita somente Boolean como valor, exemplo: muted
, muted={true}
ou autoPlay={false}
.
Valor padrão: muted={false}
Exemplo:
<Video source='https://s3.amazonaws.com/calindra.com.br/ame.mp4' muted />