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.
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.
Figura 2 - Obtendo link embed do YouTube
Nome em inglês
Video
Nessa página
Índice
Compatibilidade
Formulário mobile
Equivalente web
Não possui.
Botão do componente
Imagem no editor visual
