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.
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 vídeo.
allowfullscreeen
allowfullscreeen
Propriedade que permite que o vídeo 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 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.