Como incorporar códigos de vídeo de qualquer fonte

Um código de incorporação de vídeo é uma sequência de código que contém os dados de um vídeo: seu URL, tamanho e nome, entre outras variáveis. Esses códigos permitem que você exiba conteúdo de vídeo em seu blog e páginas de destino. E você definitivamente quer conteúdo de vídeo em seu blog e páginas de destino – a pesquisa da Wistia mostrou que os vídeos aumentam o tempo da sessão em 2,6 vezes.

Você precisa aprender a personalizar e incorporar códigos de vídeo de qualquer fonte para garantir que os vídeos sejam reproduzidos sem problemas. Não saber como incorporar seu código corretamente pode significar hospedar um vídeo sem resposta que os espectadores não podem assistir ou compartilhar. Essas três etapas vão além do conselho usual de “copiar e colar”, ensinando como incorporar vídeos que se destacam em seus artigos.

1. Escolha onde você hospedará seu vídeo.

Cada serviço de hospedagem de vídeo possui recursos e restrições exclusivos. Alguns provedores de hospedagem oferecem apenas as ferramentas básicas. Isso permitirá que você hospede vídeos e escolha seu posicionamento, o que é suficiente se tudo o que você precisa é distribuir vídeos em seu site. Mas para outras empresas, essas ferramentas podem ser insuficientes para todas as suas necessidades. Por exemplo, um serviço de hospedagem básico não é suficiente se você deseja editar como um vídeo é reproduzido e acompanhar seu desempenho.

Provedores de hospedagem baratos são acessíveis, mas experimentam mais tempo de inatividade do que os respeitáveis. Um leitor que não consegue assistir a um vídeo que promete resolver um problema importante procurará uma resposta em outro lugar. Não importa se você incorporou um vídeo do seu laptop ou de um site de streaming, você deve escolher um provedor de hospedagem respeitável com ferramentas que o ajudarão a atingir seus objetivos.

Seus objetivos determinam a hospedagem que você escolherá. Se você deseja aumentar o reconhecimento da sua marca, use o YouTube. Um vídeo que você enviar para o YouTube e depois incorporar em seu site será classificado na pesquisa do YouTube e do Google, para que você alcance o público mais amplo.

Para uma empresa com foco em leads de alta intenção em vez de amplo alcance, a Wistia é uma opção melhor por causa de sua ferramenta de geração de leads em vídeo. Ele permite adicionar CTAs e formulários para criar uma lista de clientes em potencial diretamente do player de vídeo.

2. Localize o código de incorporação do vídeo

Alguns CMSs permitem que você incorpore vídeos sem o código de incorporação. Tudo o que você precisa fazer é colar o URL do vídeo e o CMS o inserirá em seu site. Embora seja conveniente, é melhor pesquisar o vídeo e seu código de incorporação manualmente. O acesso ao código permite que você apresente seu vídeo como quiser.

O controle total sobre o código de incorporação permite que você forneça uma experiência de visualização agradável em todos os dispositivos. E facilitar a visualização do vídeo é essencial para ajudar o seu page rank no Google. Seus Web Vitals medem o quão fácil é navegar em sua página. Quando os espectadores lutam para reproduzir ou clicar em um botão por causa de sua localização, o Google pode rebaixar seus artigos.

A maioria dos serviços de hospedagem armazena códigos de incorporação na opção Compartilhar do player de vídeo. Embora as informações do código variem entre os hosts, normalmente você verá dados sobre o tamanho, a duração e o título do vídeo. Você pode editar essas informações quando estiver pronto para incorporar seu vídeo.

3. Personalize a aparência e a reprodução do seu vídeo

Você pode aumentar a probabilidade de alguém assistir ao seu vídeo editando sua aparência e reprodução. Códigos incorporados não editados podem reproduzir vídeos que se perdem no artigo ou demoram muito para chegar ao ponto, obtendo zero visualizações. Você pode maximizar o número de visualizações que seu vídeo recebe com alguns ajustes.

Aparência

O tamanho, a cor e o posicionamento do seu player de vídeo influenciam se alguém assistir ao seu vídeo. Os espectadores podem perder seu vídeo se o player for muito pequeno ou pouco visível. Para influenciar os leitores a parar de rolar, escolha uma cor para seu player de vídeo que contraste com o resto da página.

Digamos que sua página use um fundo branco e seu player de vídeo use uma miniatura e um botão de reprodução em uma cor clara. Nesse caso, um leitor que folheie seu artigo pode não vê-lo. Como alternativa, imagine que você edite seu código de incorporação para que o botão de reprodução fique vermelho brilhante e o vídeo cubra 80% da página. Essas edições tornariam difícil para os espectadores perderem seu vídeo.

Você pode editar o tamanho de um vídeo e as cores do player editando o código. Para alterar o tamanho, vá para o código de incorporação e procure por "width=" e "height=". Escolha um tamanho que cubra a maior parte da tela do seu site para torná-lo visível. Na maioria dos casos, uma largura de 1280 pixels e uma altura de 720 pixels são suficientes.

O código de estilo in-line pode ajustar a cor do seu player de vídeo e sua borda. Altere esses elementos encontrando primeiro a palavra “iframe” no código. Este texto é uma linha de código que incorpora outro documento em um arquivo HTML. Em seguida, cole style=”border: 5px sólido #AAA; imediatamente depois dele. O número antes do “px” indica a largura da borda, enquanto as três letras após o estado # definem a cor da borda em códigos de cores HTML.

Configurações do player

Os vídeos incorporados são reproduzidos de forma diferente dependendo dos parâmetros do seu código, também conhecidos como atributos. Edite o código para tornar seus vídeos mais úteis para os espectadores.

Às vezes, você quer que o espectador pule o início de um vídeo. Talvez a introdução não seja útil para o problema deles e você queira que eles sejam diretos às informações essenciais. Ou talvez tenha como alvo um público diferente, mas tenha informações que todos possam achar úteis. Seja qual for o motivo, você pode ajustar o código para iniciar seu vídeo sempre que quiser.

As opções de incorporação do YouTube permitem que você edite o minuto de início do vídeo sem precisar escrever linhas de código. Vá para Compartilhar, Incorporar, marque a caixa “Iniciar em” e escreva a hora em que seu vídeo deve começar. Pessoas fora do YouTube geralmente podem definir o horário de início nas opções de incorporação.

Outro atributo útil é o parâmetro Loop, que permite fazer um vídeo se repetir assim que terminar. Isso é útil para os espectadores que estão aprendendo uma habilidade em um vídeo educacional. Esse benefício ocorre porque o cérebro é melhor em recordar e reter informações que vê ou ouve mais de uma vez.

Você pode repetir seu vídeo na maioria dos serviços de hospedagem marcando uma caixa nas opções de incorporação. Se você estiver hospedando no YouTube, procure o endereço da web depois de “src=” no código de incorporação — essa linha de código é o URL de origem.

Em seguida, procure o ID do vídeo — as letras alfanuméricas após “/incorporar/”. Escreva “?playlist=[Video ID] &loop=1” ao lado do último número de seu ID de vídeo e, a partir desse ponto, seu vídeo incorporado fará um loop.

Incorpore vídeos feitos pela Vyond em seu site

Vyond é um software de animação intuitivo que os membros das equipes de marketing, recursos humanos e aprendizado e desenvolvimento podem usar para criar vídeos envolventes. Esses vídeos reduzem o tempo de integração em 67%, aumentam as conversões na mesma porcentagem e aumentam os compartilhamentos de vídeo em 375%. Com os modelos da Vyond, qualquer pessoa – independentemente da experiência em animação de vídeo – pode obter imensos benefícios com o uso de vídeos.

Iniciar um teste gratuito