Carregar e gerenciar vídeos no Elementor

Se a página inicial de uma empresa não incluir um breve vídeo explicativo, ela será considerada desatualizada e sem graça. É muito raro hoje em dia encontrar um site que não contenha um pequeno vídeo. A inclusão de vídeos curtos exige a necessidade deste artigo porque este artigo discute como gerenciar vídeos no Elementor. Neste artigo, expandimos o widget de vídeo e as opções de plano de fundo do vídeo.

• Suporte de vídeo auto-hospedado e Dailymotion
• Benefícios dos vídeos auto-hospedados:
• Horário de início e término do widget de vídeo e plano de fundo
• Marca modesta
• Adicione um fundo de vídeo ao Elementor
• Edição móvel aprimorada
• Alterar pontos de interrupção para dispositivos móveis e tablets
• Integração WP CLI
• Inclusão de Gutenberg
• Vídeo pegajoso dos Emirados Árabes Unidos
• Como deixar um vídeo pegajoso?
• Tamanho do vídeo
• Alinhamento pegajoso
• Espaçamento de vídeo
• Tamanho e estilo do plano de fundo
• Barra de informações
• Gerencie vídeos fixos em dispositivos responsivos
• Arraste para qualquer lugar na tela
• Botão Fechar
• Conclusão

Suporte de vídeo auto-hospedado e Dailymotion

No Elementor, você pode incorporar não apenas vídeos do YouTube e Vimeo, mas agora também pode incluir vídeos HTML5 e Dailymotion auto-hospedados.

Benefícios dos vídeos auto-hospedados:

• Privacidade e controle: Com o GDPR e outras questões relacionadas à privacidade, tornou-se ainda mais importante ter vídeos auto-hospedados. Você pode ter controle sobre o conteúdo desses vídeos.
• Propriedade: ter vídeos auto-hospedados ajuda você a não depender do conteúdo criado por outras pessoas. Com o seu vídeo, você tem 100% de certeza de que não haverá problemas de direitos autorais. Além disso, não há risco de o vídeo ser excluído.
• Personalização: com auto-hospedagem, seu vídeo não apresentará logotipos ou links externos. Isso o ajudará a incluir conteúdo de qualidade, que parece mais profissional. Seus vídeos podem ser muito úteis para envolver os visitantes do seu site.
• UX: vídeos auto-hospedados garantirão que seus visitantes não vejam anúncios ou vídeos sugeridos. Eles não serão distraídos ou redirecionados para seus concorrentes (através de vídeos sugeridos/recomendados).

Horário de início e término do widget de vídeo e plano de fundo

Você pode definir um início e um ponto final para o widget de vídeo em plataformas suportadas. Você também pode escolher o plano de fundo do vídeo para que apenas a parte selecionada do vídeo seja reproduzida. Com a ajuda deste recurso, você pode repetir a parte relevante do vídeo com muita facilidade. Você pode exibir o conteúdo selecionado aos visitantes em um loop.

Marca modesta

Digamos que, se você incorporou um vídeo do YouTube, mas deseja ocultar o logotipo do YouTube, você pode selecionar 'Modest Branding' para ocultar o logotipo do vídeo incorporado do YouTube.

Adicione um fundo de vídeo ao Elementor

Nesta seção, iremos orientá-lo sobre como adicionar um vídeo ao Elementor:

Acesse o editor Elementor e navegue até o painel. A partir daqui, pesquise ‘vídeo’ e arraste no widget de vídeo.

• Elementor> painel> pesquise 'vídeo'> arraste 'widget de vídeo'
• Em Vídeo > Fonte, escolha ‘YouTube’, ‘Dailymotion’, ‘Vimeo’ ou auto-hospedado.
• Em seguida, adicione um link para o vídeo. Se o vídeo for auto-hospedado, você poderá carregá-lo navegando na biblioteca de mídia ou usando um URL externo.
• Se quiser que uma parte específica do vídeo seja reproduzida, você pode escolher um horário de início e um horário de término.
• Você também pode adicionar uma miniatura de sua escolha adicionando uma sobreposição de imagem.

Edição móvel aprimorada

Alterar pontos de interrupção para dispositivos móveis e tablets

Há muito tempo, as pessoas queriam ter a liberdade de ter valores de ponto de interrupção para vídeos em celulares e tablets. Boas notícias!! A solução está aqui.

Depois de adicionar o vídeo, conforme mostrado na seção acima, você pode alterar os valores dos pontos de interrupção do tablet e do celular para Elementor. Com a ajuda do revolucionário recurso de pontos de interrupção, você pode personalizar seu site para se ajustar a computadores widescreen, laptops, tablets ou pequenas telas de dispositivos móveis.

Para alterar os valores do ponto de interrupção, navegue até:

Painel Elementor > Configurações > Estilo e insira os novos valores para ‘Tablet Breakpoint’ e ‘Mobile Breakpoint’.

E pronto!!!

Você fez isso na hora certa.

Integração WP CLI

A interface de linha de comando para WordPress, WP-CLI, é um projeto de código aberto que fornece uma interface de linha de comando para uma variedade de ações que você pode executar no administrador do WordPress. Os desenvolvedores estão bastante familiarizados com isso.

Assim, com um WP-CLI, você pode executar uma longa lista de tarefas a partir de um terminal aleatório. Dessa forma, você não precisará fazer login no terminal de administração.

Elementor agora vem com WP-CLI integrado. E esta integração do WP-CLI permite realizar as seguintes tarefas através da linha de comando:

• flush_css – Libera o cache CSS do Elementor Page Builder
• biblioteca de sincronização – Biblioteca Sync Elementor
• replace-URLs – Substitua URLs antigos por novos URLs em todas as páginas Elementor
• Ativar ou desativar licença – Ative ou desative sua licença Pro
• import-library – Importa arquivos de modelo para a biblioteca

Mais comandos CLI continuarão sendo adicionados ao Elementor no futuro.

Inclusão de Gutenberg

Nos próximos meses, Gutenberg também será adicionado ao núcleo, o que torna o Elementor um pacote completo.

Com o lançamento do Gutenberg, o Elementor funcionará perfeitamente para todos os usuários do elementor.

É fácil alternar entre Gutenberg e Elementor com a versão 2.1 porque você usará o sempre familiar botão 'Editar com Elementor' dentro de Gutenberg.

Vídeo pegajoso dos Emirados Árabes Unidos

Imagine se você estiver rolando uma página e o conteúdo do vídeo for lançado para a esquerda ou para a direita ou simplesmente permanecer imóvel.

Deve ser uma visão frustrante.

Mas não mais. Como o incrível recurso do Sticky Video dos Emirados Árabes Unidos faz com que o vídeo grude na página enquanto você rola, isso significa que seu vídeo flutuará no lado esquerdo ou direito da janela do navegador. Com o recurso de vídeo fixo, conforme o visitante rola para ler o conteúdo, o vídeo junto com o conteúdo de texto permanecerão em foco.

Como deixar um vídeo pegajoso?

Emirados Árabes Unidos tornou essa funcionalidade elegante e simples. Para tornar o vídeo fixo, você pode simplesmente ativar o vídeo fixo para alternar em conteúdo (guia)> configuração de vídeo fixo.

Existem várias opções de alinhamento para o vídeo em um recurso de vídeo fixo. Navegue até a barra de ação e configurações para controlar todos os aspectos do vídeo fixo. Os principais recursos são fornecidos abaixo:

• Tamanho do vídeo
• Uma variedade de opções de alinhamento para vídeo fixo nas bordas
• Gerencie o espaçamento e o estilo do vídeo.
• Adicione um plano de fundo para o vídeo
• Exiba a descrição do vídeo com a ajuda da barra de informações
• Suporte responsivo
• Arraste o vídeo fixo pela janela no frontend
• Fechar personalizações do botão

Tamanho do vídeo

Você pode ajustar a altura e a largura do vídeo especificando a largura do vídeo em px. A exibição do vídeo será aplicada de acordo com a proporção definida para o vídeo. Você pode controlar a proporção do vídeo em Conteúdo (guia) > Vídeo.

por exemplo – Se você definiu uma proporção de 16:9, as dimensões do vídeo fixo serão aplicadas de acordo com a proporção selecionada.

Alinhamento pegajoso

Você pode gerenciar o alinhamento , ou seja, a posição do vídeo fixo nas bordas da janela. O vídeo pode ser posicionado como:

• Canto superior direito
• Canto superior esquerdo
• Canto inferior direito
• Inferior esquerdo
• Centro-direita
• Centro Esquerda

Espaçamento de vídeo

Você pode alterar o espaçamento da borda para controlar o espaçamento ao redor do vídeo. O espaçamento será aplicado de acordo com o alinhamento adesivo selecionado.

por exemplo, para o alinhamento Inferior Esquerdo, o espaçamento será aplicado apenas nas bordas inferior e esquerda do vídeo.

Tamanho e estilo do plano de fundo

A melhor parte do dos Emirados Árabes Unidos é que você pode adicionar o plano de fundo de sua escolha ao vídeo. Você também pode selecionar o tamanho e a cor do plano de fundo.

Barra de informações

Há uma pequena descrição sobre cada tipo de coisa de metadados de vídeo. Com dos Emirados Árabes Unidos , você pode adicionar texto informativo sob o vídeo fixo. Você pode descrever cada vídeo fixo, que exibirá as informações sobre o vídeo atualmente sendo reproduzido.

Com a barra de informações, você também pode controlar a cor, a cor de fundo, a tipografia e o preenchimento do vídeo. O campo de texto oferece suporte a conteúdo HTML. Você também pode aplicar o estilo personalizado ao conteúdo da Barra de Informações.

Gerencie vídeos fixos em dispositivos responsivos

Existe uma opção para ocultar o vídeo fixo em dispositivos responsivos. Você pode selecionar diferentes dispositivos nos quais deseja ocultar o vídeo fixo.

Arraste para qualquer lugar na tela

Você pode arrastar a tela do vídeo para qualquer lugar usando este recurso. Você pode simplesmente clicar no vídeo e arrastá-lo para colocá-lo em qualquer lugar da janela de visualização. O dos Emirados Árabes Unidos suporta a funcionalidade de arrastá-lo para qualquer lugar, por padrão.

Nota : Dispositivos móveis e o editor backend do Elementor não suportam a funcionalidade de arrastar.

Botão Fechar

Você pode ativar/desativar o botão Fechar do vídeo fixo. Também existem controles disponíveis para gerenciar o estilo do botão Fechar.

Conclusão

Com a ajuda dos dos Emirados Árabes Unidos , você pode estilizar e modificar seus vídeos fixos de acordo com sua preferência. O plugin torna todo o procedimento muito fácil. É uma solução muito elegante para enriquecer o conteúdo gráfico do seu site. Continue criando vídeos incríveis em seu site e envolva os visitantes em sua página, mesmo quando eles estiverem navegando nas páginas.