Navegar em: Conteúdo>Conteúdos Compartilhados>Video>Clicar em +Item e inserir o nome do arquivo
O nome do arquivo deve seguir a semântica:
1 - Nome do componente
2 - Caminho de onde se encontra o componente, tudo minúsculo e separados por hífen, se pf ou pj:
Ex: componnte-vídeo-home-pf> Salvar
3 - O sistema exibe a tela com os campos "Título", "Subtítulo", "Player do Vídeo", "Id do Vídeo" e "Descrição do vídeo para acessibilidade"
4 - Preencher campos obrigatórios
5 - Para o campo Player do Vídeo, escolher as opções no combo entre Youtube ou Claro TV+
6 - Para o campo Id do Vídeo devemos colocar somente o ID que é exibido no final de cada URL, por exemplo:
Se for vídeo do Youtube que a URL do mesmo é apresentada assim: "https://youtu.be/4bOoK_4ejXQ"
devemos inserir somente a informação depois do sinal da "/", ficando somente: "4bOoK_4ejXQ"
Se for vídeo do Claro TV+ que a URL do mesmo é apresentada assim: "https://www.nowonline.com.br/filme/o-poderoso-chefao/327434"
devemos inserir somente a informação depois do sinal de "/", ficando somente: "327434"
7 - Inserir o texto no campo "Descrição do vídeo para acessibilidade" o texto acessível para pessoas com PCD.
*Foi implementado a opção de inserir uma imagem de capa para componente vídeo (Youtube), Para diminuir erros de JS no console, para melhorar a performance do site e, consequentemente, aumentar a nota do APDEX.
Se o vídeo do Youtube não tem capa/miniatura cadastrada, precisa ser cadastrado a capa no Storyblok.
*Recomendação o tamanho da imagem da capa:
Desktop:W = 1120pxH = 620px
Mobile:
w = 640px
H = 480px