Função
O componente vídeo é usado para renderizar vídeos de outras plataformas no formulário mobile. O componente pode reproduzir vídeos do YouTube, Vimeo, Dailymotion e dentre outros que permitam que seus links sejam incorporados.
![](/download/attachments/176662443/Video_App.png?version=1&modificationDate=1640170403000&api=v2)
Figura 1 - Vídeo do YouTube* rodando em uma aplicação Cronapp,
* Inscreva-se no canal Cronapp do YouTube e acompanhe as novidades e os webinars da nossa plataforma.
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades para o funcionamento básico do componente.
Nome | Propriedade | Função |
---|
Link incorporado | src | Especifica o caminho da URL do vídeo que será incorporado na aplicação. |
Largura do vídeo | width | Atributo que especifica a largura do componente. |
Altura do vídeo | height | Atributo que especifica a altura do componente em px. |
Título do vídeo | title | Define um rótulo. |
Identificador | id | Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente. |
Estilo | style | Altera o estilo do componente da forma inline. |
Exibir | ng-show | Propriedade Angular usada para exibir ou oculta o componente. |
Repetir | crn-repeat | Propriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados. |
Segurança | cronapp-security | Propriedade do Cronapp que trata as permissões de segurança da aplicação. Usado para permitir ou não edição e visualização do componente com base nos perfis selecionados. |
Skin | crn-skin | Permite selecionar um skin que afetará apenas o componente selecionado. |
Classes CSS | class | Adiciona classes CSS que já foram criadas. |
Origem
Para renderizar o vídeo é necessário obter o endereço incorporado, disponibilizado pela plataforma de stream. Esse link é obtido ao clicar em Compartilhar > Incorporar, copie a url presente no atributo src (Figura 2), como é o caso do YouTube, Vimeo e Dailymotion.
![](/download/attachments/176662443/video_videoIncorporado.png?version=1&modificationDate=1592861188000&api=v2)
Figura 2 - Obtendo link embed do YouTube