Conversor de Vídeo HTML5

Vídeos serão reproduzidos em todos os navegadores, você terá os formatos WebM, MP4 e OGV.
Otimizações automáticas para ótima qualidade e tempos de carregamento rápidos.
A conversão é iniciada imediatamente, você vou pegar os vídeos em poucos minutos.

usado recentemente por

Google Design Logo
Hyperloop Logo
Uber Logo
Rhino Logo
Sammy Logo
Itzehoer Logo
Navegar
Envie seu vídeo

Nenhum Software para instalar

Apenas envie seu arquivo de vídeo. Conversão acontece online.

Brilhante VP9 WEBM

Webm de alta qualidade, otimizado de acordo com as recomendações mais recentes do Google. Grande qualidade com tempos de carga curtos.

Sua escolha, ou todos os 3 formatos

Início rápido do MP4

Move os metadados para a cabeça do arquivo. Então, o vídeo é reproduzido mais rapidamente e seus usuários têm uma experiência melhor

Uploadable do usuário

Desconectado? Ele vai continuar como se nada tivesse acontecido

Arquivos grandes possíveis

Até 4 GB. Grátis para arquivos de até ~ 20MB

Nenhuma inscrição necessária

e não irá pedir o seu E-Mail

Bom para Fundos de Vídeo em Sites

Opcionalmente, remova o áudio para reduzir o tamanho do arquivo

Upload e depois Download

Envie seu vídeo para iniciar a conversão. Depois de concluído, você pode baixar o arquivo convertido

Livre de vírus, sem anúncios

Nenhum vírus ou anúncios serão inseridos em seus arquivos

Qualidade de Vídeo Automática

Otimização automática para melhor velocidade e qualidade.

Deixar um comentário

Como usar vídeos em segundo plano do HTML5 em seu site

Para usar os vídeos em segundo plano, você poderia fornecê-los em 3 versões. Esses são MP4, OGV e WEBM. OGV não é realmente necessário, a menos que você queira suportar os navegadores antigos Firefox 3.5 & amp; 3.6, Opera 10.5 e Chrome 3, 4, & amp; 5.

Você estaria usando uma tag de vídeo HTML5, como

<video autoplay loop muted poster="media/image/road.jpg" id="background">
   <source src="media/video/road.mp4" type="video/mp4">
   <source src="media/video/road.webm" type="video/webm">
   <source src="media/video/road.ogv" type="video/ogg">
</video>

O código acima também define um pôster. Isso é mostrado enquanto o vídeo é carregado ou em navegadores que não podem reproduzir o vídeo. Para criar um pôster de vídeo, você poderia reproduzir o vídeo em seu computador, pausá-lo e usar shift + command + 4 (MAC. No Windows, você poderia usar a ferramenta de captura padrão.

E você formatará isso com CSS:

#background {
   display:none;
   position: fixed;
   top: 50%;
   left: 50%;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   z-index: -100;
   -webkit-transform: translateX(-50% translateY(-50%;
   transform: translateX(-50% translateY(-50%;
}

Mas mostramos esse vídeo em segundo plano somente em dispositivos maiores. Porque nos telefones celulares o vídeo em segundo plano pode ocupar muitos recursos do sistema. Então, adicionamos essa consulta de mídia (substitua min-width: 62em por um valor de sua própria estrutura css, se desejar

@media (min-width: 62em {
   #background {
      display:block;
   }
}