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 - Exibição de vídeo do youtube dentro da aplicação no AndroidVídeo do YouTube (Canal Cronapp) rodando em uma aplicação Cronapp
Principais propriedades
Na tabela abaixo estão descritos as principais propriedades para o funcionamento básico do componente.
| Subabas | Nome | Propriedade | Função |
|---|---|---|---|
| Principal | Identificador | id | Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente. |
Exibir | ng-show | Propriedade AngularJS usada para mostrar 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. | |
Classes CSS | class | Adiciona classes CSS que já foram criadas. | |
| Imagem | Altura | height | Atributo que especifica a altura do componente em px. |
Exibir | ng-show | Propriedade AngularJS usada para mostrar ou oculta o componente. | |
| Largura | width | Atributo que especifica a largura do componente em px. | |
Origem | src | Campo para adicionar a url (incorporado) do video. | |
| allowfullscreeen | allowfullscreeen | Propriedade que permite que o video possa exibido na tela inteira do smartphone. Valores permitidos: true ou false. |
Origem
Para renderizar o vídeo é necessário obter o endereço incorporado disponibilizado pela plataformas 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 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