Vídeo - Ajuda do Webflow
O elemento de vídeo permite que você incorpore um vídeo, hospedado em um site de terceiros como YouTube ou Vimeo, em qualquer lugar do seu site.
Como adicionar um vídeo
Existem duas maneiras de adicionar um elemento de vídeo ao seu site:
- Abra o Painel de Adição e arraste e solte um elemento de vídeo na sua tela do Webflow
- Pressione Command + E (no Mac) ou Control + E (no Windows) para abrir o Busca Rápida e procure pelo elemento de vídeo
Como formatar as configurações de vídeo
Depois de colocar um elemento de vídeo na sua tela, você terá acesso às Configurações de Vídeo onde pode adicionar uma URL e título. Para acessar rapidamente as Configurações de Vídeo:
- Clique duas vezes no elemento de vídeo
- Selecione o elemento de vídeo e vá para o Painel de Configurações do Elemento (D)
Cole a URL do seu vídeo, adicione um título se desejar, e pressione Enter / Return. A miniatura do seu vídeo aparecerá no elemento de vídeo.
Fontes de vídeo suportadas
- YouTube (se você quiser mais controle sobre seu vídeo do YouTube, tente usar um elemento de vídeo do YouTube)
- Vimeo
- DailyMotion
- KickStarter (tudo o que você precisa fazer é colar a URL principal da campanha e o Webflow capturará o vídeo principal da campanha)
- TED (suporte multilíngue)
- Wistia
- Ustream
- Livestream
- Twitch
- Tudou
- Hulu
- SproutVideo
- Vidzflow
Como definir dimensões de vídeo
O elemento de vídeo respeita as dimensões de seu contêiner pai (por exemplo, se você colocá-lo em um bloco div, ele ocupará toda a largura desse bloco div). Se você quiser definir uma largura e altura personalizadas para o seu vídeo, pode criar um bloco div personalizado. Para fazer isso, arraste um bloco div do Painel de Adição e dê ao bloco div um valor de largura e um valor de altura. Agora, se você arrastar seu vídeo para este bloco div personalizado, ele se ajustará a esse tamanho.
Outras maneiras de adicionar vídeos ao seu site
Você também pode adicionar vídeos ao seu site usando outros elementos, incluindo:
- Vídeo do YouTube
- Vídeo de fundo
- Lightbox
- Texto rico
- Incorporação de código personalizado
Elemento de vídeo do YouTube
O elemento vídeo do YouTube permite incorporar um vídeo a partir de uma URL do YouTube. Este elemento oferece todas as opções de exibição oferecidas pelo recurso de incorporação do YouTube, incluindo a capacidade de mostrar vídeos relacionados de um canal, definir um horário de início específico, mostrar ou ocultar controles de vídeo e mais. Saiba mais sobre o elemento de vídeo do YouTube.
Elemento de vídeo de fundo
O elemento vídeo de fundo permite adicionar fundos em movimento sem áudio. Ao contrário do elemento de vídeo que só suporta links do YouTube e Vimeo, o elemento de vídeo de fundo pode aceitar qualquer arquivo de vídeo que você enviar. Os elementos de vídeo de fundo também vêm com um toggle de play/pausa embutido para que os visitantes do site possam reproduzir ou pausar o vídeo de fundo como desejarem. Saiba mais sobre o elemento de vídeo de fundo.
Elemento Lightbox
O elemento lightbox permite que os visitantes do site abram um vídeo em um modal popup. Semelhante ao elemento de vídeo, o lightbox suporta links do YouTube e Vimeo. Saiba mais sobre o elemento lightbox.
Elemento de texto rico e campo de texto rico
O elemento de texto rico permite que você adicione vídeos também. Isso é ainda mais poderoso quando você o usa para extrair dados de um campo de texto rico em uma Coleção CMS. Alternativamente, você também pode usar um elemento de vídeo para extrair dinamicamente dados do campo de vídeo de uma Coleção. Saiba mais sobre campos de vídeo de Coleção.
Como incorporar vídeos usando código personalizado
Você também pode adicionar vídeos em HTML usando o elemento de incorporação:
- Vá para o Painel de Adição
- Arraste um elemento de incorporação para a tela
- Cole seu código de vídeo (Saiba mais sobre elementos de vídeo em HTML)
- Clique em Salvar & fechar