usado recentemente por
Apenas envie seu arquivo de vídeo. Conversão acontece online.
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
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
Desconectado? Ele vai continuar como se nada tivesse acontecido
Até 4 GB. Grátis para arquivos de até ~ 20MB
e não irá pedir o seu E-Mail
Opcionalmente, remova o áudio para reduzir o tamanho do arquivo
Envie seu vídeo para iniciar a conversão. Depois de concluído, você pode baixar o arquivo convertido
Nenhum vírus ou anúncios serão inseridos em seus arquivos
Otimização automática para melhor velocidade e qualidade.
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. p>
Você estaria usando uma tag de vídeo HTML5, como p>
<video autoplay loop muted poster="media/image/road.jpg" id="background">
p>
<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 kbd> (MAC. No Windows, você poderia usar a ferramenta de captura padrão. P> E você formatará isso com CSS: p> 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 p> #background {
p>
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%;
} @media (min-width: 62em {
p>
#background {
display:block;
}
}