Pré-visualização de vídeos animados em seu site

Desde 21 de dezembro de 2016, todos os vídeos on-demand carregados na Plataforma Mediastream são gerados com dois (sub) vídeos de visualização de resolução 426x240 úteis para criar Previews Animados em seus sites. Os vídeos são gerados sem áudio e em formato .mp4 (video codec h.264) y .webm (VP8 video codec). a fim de garantir a reprodução de HTML5 nativo com a tag <video>.

O vídeo é gerado automaticamente quando um vídeo é carregado na plataforma, a duração do vídeo é de 5 segundos desde a primeira mudança de cena detectada nos primeiros 30 segundos do vídeo. No link a seguir você pode ver uma demonstração funcional https://jsfiddle.net/skgL4514/2/ e te explicaremos como é realizado.

Inserir preview no site

Para que a pré-visualização funcione em todos os navegadores web é necessário incluir ambos os vídeos na tag <video> como mostrado abaixo, desta forma a pré-visualização do vídeo estará disponível em todas as versões do Chrome, IE, Edge, Firefox e Safari.

Exemplo:

<source src="https://mdstrm.com/video/585a86acd21be6e024725fe8/preview.mp4"

type="video/mp4">

</video>

As informações em vídeo podem ser obtidas diretamente das informações fornecidas pela Plataforma Mediastream API (/api/media/<id_media>) no atributo preview. Em geral, a URL dos arquivos corresponde ao seguinte caminho:

https://mdstrm.com/video/<id_video>/preview.mp4

https://mdstrm.com/video/<id_video>/preview.webm

mas recomendamos sempre verificar se a URL está disponível na API.

Também recomendamos considerar sempre na etiqueta de vídeo a opção de

poster que permite que uma imagem seja exibida enquanto o vídeo está sendo baixado ou no caso de não poder ser exibida ao usuário. Exemplo:

</video>

A URL da imagem também pode ser obtida diretamente da Plataforma Mediastream API.

Se você tiver alguma pergunta relacionada, não hesite em nos escrever via chat.

Atenciosamente. A equipe da Mediastream