usato recentemente da
Devi soltanto caricare il tuo video ed esso verrà convertito online.
Webm in alta qualità, ottimizzati secondo le ultime direttive di Google. Alta qualità con tempi di caricamento ridotti.
Scegli tu, o tutti e tre i formati
Trasferisce i metadati al file iniziale così da riprodurre video più velocemente e avere un’esperienza di utilizzo migliore
Sei disconnesso? Continuerà a funzionare come se niente fosse successo.
Fino a 4G. File gratuiti fino a 20MB.
e non ti verrà richiesto l’indirizzo e-mail
Puoi scegliere di rimuovere l’audio per ridurre le dimensioni del file.
Carica il video e inizia la conversione. Una volta completata, puoi scaricare il file convertito
Non verranno inseriti virus o pubblicità nei tuoi file
Ottimizzazione automatica per velocità e qualità.
Per utilizzare video di sfondo, puoi scegliere tra tre formati: MP4, OGV e WEBM. OGV non è realmente necessario, a meno che tu voglia supportare il vecchio Firefox 3.5, 3.6, Opera 10.5 e Chrome 3, 4, 5.
Utilizzerai un video HTML5
<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>
Il codice precedente funziona anche per selezionare un’anteprima. Viene mostrato mentre carica il video o in browser in cui il video non può essere riprodotto. Per creare un’anteprima del video, devi riprodurre il video sul tuo computer, metterlo in pausa e usare shift + CTRL + 4 (Su MAC. Su Windows puoi usare il classico Strumento di Cattura).
In seguito dovrai formattare con questo codice 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%;
}
Il video di sfondo verrà tuttavia riprodotto solo su dispositivi a schermo largo. Sul telefono, il video di sfondo potrebbe richiedere troppe risorse di sistema. Per questo verrà inserita un settaggio per telefoni ‘media query’ (sostituisci la larghezza minima di 62em con un valore nel tuo codice CSS se desideri)
@media (min-width: 62em {
#background {
display:block;
}
}