> For the complete documentation index, see [llms.txt](https://docs.grano.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/video.md).
# Vídeo
Card utilizado para vídeos no formato fullscreen.
Suporta as mesmas funcionalidades do card [**Imagem**](/conteudo/estrutura-e-conteudos/cards/imagem.md), porém com as especificidades a seguir apresentadas para configurar o *embed* de um vídeo *fullscreen*.
### Estrutura Geral
Ao escolher esse tipo de card, além de todas as demais configurações prévias do card de **Imagem**, você poderá:
* Selecionar a **imagem** desejada para a "capa" do card, que será exibida com um botão de play em cima. O tamanho indicado é **1080x1920 pixels** no formato **jpg**.
Campo "imagem"
1. O tamanho da imagem será sempre com largura 100%, para preencher todo o Card.
2. Caso a altura da imagem passe do *container*, a aplicação adicionará um scroll automaticamente.
3. Se a imagem for menor que o *container*, ela será centralizada ao meio.
* Indicar a URL do **YouTube** ou **Vimeo** a ser aberta (em *fullscreen*) **após** o clique no botão de play.
Campo para inserir URL do YouTube ou Vimeo
Ao final, clique no botão **“Salvar”** para salvar todas as informações editadas.
{% hint style="warning" %}
Na Grano, é necessário que você fique atento aos **tamanhos** dos arquivos e mídias no momento de fazer o cadastro dos cards.\
\
**Cards imagem = até 800 KB**\
**Gifs e Vídeos que são cadastrados direto na plataforma =** **até 200KB** - Esse peso não se aplica para vídeos que serão hospedados em outras ferramentas (Vimeo, Youtube, etc)\
**Sons = até 10 MB**\
\
**Lembre-se:** arquivos mais leves são preferíveis. Eles contribuem para o desempenho otimizado da plataforma e aprimoram a experiência do usuário. Antes de fazer o upload, confira o tamanho dos arquivos que você planeja enviar e realize os ajustes necessários. \
\
Se precisar reduzir o tamanho de um arquivo, ferramentas de compressão online gratuitas podem ser uma solução útil.
{% endhint %}
## Como fica esse tipo de card?
Card **antes do clique**, com as devidas parametrizações.
**Após clicar no play**, abre vídeo embed no formato *fullscreen*.
**Importante:** Durante o confecção do layout da imagem de fundo do card, é crucial se atentar para a altura em que o botão "play" será posicionado, evitando que se sobreponha informações cruciais, como textos, por exemplo. Vale ressaltar que o botão "play" é adicionado automaticamente pela ferramenta e não é necessário incorporá-lo no design do layout.
**Exemplo Layout:**
