Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
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.
Image Modified
Figura 1 - Vídeo do YouTube (Canal Cronapp) rodando * rodando em uma aplicação Cronapp 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.
SubabasNome | Propriedade | Função | Principal||||
---|---|---|---|---|---|---|
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 | AngularJS Angular usada para | mostrar 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. | Imagem | Altura | heightAtributo 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.
Image Modified
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
Image Removed
Image Added
Imagem no editor visual
Image Removed
Image Added