Como adicionar um vídeo do Instagram na sua página web

Se já gravaram um vídeo no Instagram aproveitando a nova funcionalidade anunciada esta semana, e querem mostrá-lo no seu blog para aumentar a audiência, existe uma forma relativamente simples para isso (ate que o Facebook não implante uma solução oficial).

A primeira coisa que temos que fazer, com o vídeo aberto na versão web do Instagram, é apertar no botão direito do mouse para inspecionar o elemento, obtendo o código html da página e buscando assim os links do vídeo em mp4 e a imagem que serve para mostrar o conteúdo nas redes sociais:

video

Agora copiamos os dois links e os colamos em sandbox.thewikies.com/vfe-generator, onde podemos gerar um código que poderá ser inserido em qualquer página web:

codigo

Apenas é necessário incluir os dois campos da imagem superior, mas é obrigatório especificar o tamanho e a tecnologia utilizada para mostrar o vídeo (html5 , neste caso).

Agora estamos prontos para copiar o código no nosso blog.

Lembrem que não pode ser feito com vídeos que não tenham a licença adequada, façam sempre este procedimento com seus próprios vídeos para não violar os direitos autorais de ninguém.