Convertitore video HTML5

Potrai convertire i video riprodotti in qualsiasi browser nei formati WebM, OGV e MP4.
Ottimizzazione automatica per una qualità migliore e tempi di caricamento più rapidi.
La conversione inizierà immediatamente, riceverai il tuo video in qualche minuto.

usato recentemente da

Google Design Logo
Hyperloop Logo
Uber Logo
Rhino Logo
Sammy Logo
Itzehoer Logo
Cerca
Carica il tuo video

Nessun programma da installare

Devi soltanto caricare il tuo video ed esso verrà convertito online.

VP9 WEBM eccellenti

Webm in alta qualità, ottimizzati secondo le ultime direttive di Google. Alta qualità con tempi di caricamento ridotti.

WebM - MP4 - OGV

Scegli tu, o tutti e tre i formati

Avvio rapido MP4

Trasferisce i metadati al file iniziale così da riprodurre video più velocemente e avere un’esperienza di utilizzo migliore

Ripristino caricatore

Sei disconnesso? Continuerà a funzionare come se niente fosse successo.

Possibilità di file grossi

Fino a 4G. File gratuiti fino a 20MB.

Nessuna registrazione richiesta

e non ti verrà richiesto l’indirizzo e-mail

Ideale per i video di sfondo dei siti web

Puoi scegliere di rimuovere l’audio per ridurre le dimensioni del file.

Carica e poi fai il download

Carica il video e inizia la conversione. Una volta completata, puoi scaricare il file convertito

Libero da virus e pubblicità

Non verranno inseriti virus o pubblicità nei tuoi file

Qualità video automatica

Ottimizzazione automatica per velocità e qualità.

Lascia un commento

Come usare video HTML5 di sfondo nel tuo sito web

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;
   }
}