Você pode personalizar o reprodutor do VideoPress para combinar com o design do seu site e controlar como seus vídeos são apresentados. Neste guia, você aprenderá como ajustar o tamanho do reprodutor, definir uma imagem de poster personalizada, habilitar ou desabilitar funcionalidades de reprodução e personalizar a barra de progresso.
Neste guia
Este vídeo está em inglês.
O YouTube oferece recursos de tradução automática para que você possa assisti-lo no seu idioma:
Para ativar legendas com tradução automática:
- Reproduza o vídeo.
- Clique no ícone ⚙️ Configurações (no canto inferior direito do vídeo).
- Selecione Legendas/CC.
- Escolha Tradução automática.
- Selecione o idioma de sua preferência.
Para ouvir com dublagem automática (experimental):
- Clique no ícone ⚙️ Configurações.
- Selecione Faixa de áudio.
- Escolha o idioma em que deseja ouvir o vídeo.
ℹ️ As traduções e dublagens são geradas automaticamente pelo Google, podem não ser perfeitas e a dublagem automática ainda está em fase de testes, podendo não estar disponível em todos os idiomas.
Para redimensionar o reprodutor do VideoPress diretamente no editor do WordPress, siga estas etapas:
- Clique no bloco VideoPress para selecioná-lo.
- Procure as alças de redimensionamento (pequenos quadrados) nas bordas ou nos cantos do reprodutor de vídeo.
- Clique e arraste uma alça para ajustar a largura ou a altura do reprodutor para o tamanho de sua preferência.
- Solte o botão do mouse para definir o novo tamanho.
- Clique em Salvar ou Publicar para aplicar as alterações.
A imagem do poster é a miniatura mostrada antes da reprodução do seu vídeo. Você pode escolher um quadro do seu vídeo ou fazer upload de uma imagem personalizada.
- Selecione o bloco do VideoPress e abra a barra lateral de configurações de bloco.
- Se você não estiver vendo a barra lateral, clique no ícone Configurações no canto superior direito.
- Na seção Poster e visualização, escolha uma das seguintes opções:
- Escolher quadro do vídeo: role pela linha do tempo do vídeo para selecionar um quadro como a imagem do poster.
- Selecionar imagem do poster: faça upload de uma nova imagem ou selecione uma da biblioteca de mídia.
- Você também pode ativar ou desativar a opção para exibir uma “Visualização de vídeo ao passar o mouse” para permitir que os visitantes verifiquem o conteúdo do seu vídeo.
- Clique em Salvar ou Publicar para aplicar as alterações.
💡
Use uma imagem de poster que seja pelo menos tão grande quanto a resolução do seu vídeo para obter a melhor qualidade (por exemplo, use uma imagem de 1920 x 1080 para um vídeo de 1080p).
Você pode controlar como seu vídeo é reproduzido e quais opções estão disponíveis para os visitantes.
- Selecione o bloco do VideoPress e abra a barra lateral de configurações de bloco.
- Se você não estiver vendo a barra lateral, clique no ícone Configurações no canto superior direito.
- Em Reproduzir, ajuste as seguintes opções:
- Reprodução automática: inicia o vídeo automaticamente quando a página carregar.
Lembrete: alguns navegadores podem bloquear a reprodução automática, a menos que o áudio do vídeo esteja desativado. - Loop: reproduz o vídeo repetidamente.
- Mudo: inicia o vídeo com o som desativado. Os visitantes podem ativar o som, se desejado.
- Mostrar controles: mostra ou oculta os controles de reprodução (reproduzir, pausar, volume, etc.).
- Reprodução em linha: permite a reprodução do vídeo no feed em vez de em tela cheia em dispositivos móveis.
- Pré-carregamento: escolha quanto do conteúdo do vídeo será carregado quando a página carregar (nenhum, metadados, automático).
- Reprodução automática: inicia o vídeo automaticamente quando a página carregar.
- Clique em Salvar ou Publicar para aplicar as alterações.
Você pode personalizar a cor da barra de progresso para combinar melhor com seu vídeo ou design do site.
- Selecione o bloco do VideoPress e abra a barra lateral de estilos de bloco.
- Se você não estiver vendo a barra lateral, clique no ícone Configurações no canto superior direito.
- A Cor dinâmica é habilitada por padrão, o que adapta as cores ao vídeo durante a reprodução.
- Desabilite a opção para definir as cores:
- Principal: a cor padrão da barra de progresso.
- Carregado: a cor da barra depois que o vídeo é carregado.
- Progresso: a cor da barra enquanto o vídeo é carregado.
- Clique em Salvar ou Publicar para aplicar as alterações.
Ajuste o preenchimento e as margens ao redor do reprodutor do VideoPress nas configurações de dimensões da barra lateral de estilos de bloco.
Você também pode inserir um vídeo e controlar seu tamanho usando um shortcode, seguindo estas etapas:
- No painel, clique em Mídia.
- Clique no vídeo para o qual você quer o shortcode.
- Clique no botão Copiar, mostrado na imagem abaixo, para copiar o shortcode fornecido.
- Um shortcode do VideoPress começa com o símbolo [, seguido de
wpvideoouvideopress, uma string e termina com um símbolo ]. - Por exemplo:
- Um shortcode do VideoPress começa com o símbolo [, seguido de
[wpvideo YN4MKhAB]
- Edite o post ou a página onde você quer mostrar este vídeo.
- Clique no ícone de inserção de blocos (+) e adicione um bloco de shortcode.
- Cole o shortcode da etapa 3, então adicione
w=XXXantes do colchete final para especificar a largura em pixels, assim:
[wpvideo w=400]YN4MKhAB
Você pode aumentar ou diminuir a largura do vídeo, desde que ele caiba na largura da coluna de post do tema.
O shortcode pode aceitar os seguintes atributos para modificar o comportamento padrão.
w=Xpara largura em pixels, sem incluir unidades.h=Ypara altura em pixels, sem incluir unidades.hd=true/falsepara forçar a reprodução em HD.freedom=true/falsepara forçar o uso de somente formatos de vídeo open source.autoplay=true/falsepara reproduzir automaticamente o vídeo após ele carregar.loop=true/falsepara reproduzir automaticamente o vídeo em loop.controls=falsepara ocultar os controles de vídeo padrão ao exibir um vídeo.
Você pode usar os atributos que quiser adicionando-os antes do símbolo de fechamento ]: [wpvideo OcobLTqC attribute=value]. Por exemplo:
[wpvideo OcobLTqC w=640 h=400 autoplay=true loop=true]
Suporte 