Il formato Flash (e Adobe Flash Player) sta per essere dismesso definitivamente dal mercato (lo sarà nel 2020) e al suo posto sta avanzanzdo un altro formato: il formato HTML5. Questo formato è stato progettato per poter visualizzare qualsiasi elemento (anche file video) su qualsiasi browser e dispositivo (smartphone/tablet, ecc…) e si integra perfettamente ovunque (pagine web, applicazioni, software, e così via).
Tutto ciò che prima si basava su flash, adesso si baserà su HTML 5: infatti abbiamo già visto come anche i file sfogliabili vengono realizzati in HTML5 e non più in Flash. Anche i filmati e file video stanno seguendo questa direzione e vengono realizzati rispettando questo nuovo formato per poter essere riprodotti senza problemi all’interno del browser, senza necessità di usare componenti o applicazioni aggiuntive.
Ma come creare e convertire video in HTML 5? Come passare dal Flash al HTML5? Qual’è il formato video da usare per poterlo inserire in un codice HTML5?
Qui di seguito daremo le risposte a tutte queste domande. Ma prima di procedere va detto che, al momento, sono tre i formati video supportati dal HTML5: MP4, Ogg e WebM. Questo significa che se hai un file video in uno di questi 3 formati potrai tranquillamente creare la sua versione HTML5 e inserirla in una qualsiasi pagina web del tuo sito.
Qui di seguito un esempio di codice da inserire nella pagina web per ottenere la riproduzione di un video in HTML5:
<video poster=”immagine.gif” width=”160″ height=”120″ controls>
<source src=”nome_video.mp4″ type=”video/mp4″>
<source src=”nome_video.ogg” type=”video/ogg”>
<source src=”nome_video.webm” type=”video/webm”>
</video>
Però anche se hai un filmato in formato MP4, OGG o WEBM, non è detto che esso funzioni una volta inserito in un codice HTML5. Infatti oltre al formato bisogna assicurarsi che sia un video basato su codec H264. Se non hai un video di questo tipo, o hai dei file di formato diverso come MOV, WMV, MPEG, MKV, MOD, ecc… allora dovrai necessariamente usare un software per convertire video in HTML5. Qui di seguito forniamo due ottime soluzioni.
Come Convertire Video in HTML 5
#1. Video Converter Ultimate
Grazie al software Video Converter potrai facilmente e velocemente convertire i tuoi video in HTML5, o in un formato supportato da HTML5. La prima cosa da fare è ovviamente scaricare e installare questo software sul tuo PC o MAC. Ecco i link:
Dopo l’installazione e l’avvio del programma vedrai questa schermata principale:
Clicca in alto a sinistra su “AGGIUNGI” per importare il file video che vuoi trasformare in formato compatibile con HTML5.
Dopo aver caricato il video dovrai scegliere il formato di uscita. Potrai selezionare il formato WebM (leggi come convertire video in WebM) oppure OGV (leggi come convertire video in OGV) o ancora selezionare il formato MP4 facendo però attenzione a impostare come video encodere il H264.
Nella figura qui sotto sono rappresentati gli step per selezionare il formato di uscita e verificare l’encoder video se è settato su H264:
Fatto ciò potrai procedere alla conversione del video nel formatocompatibile con HTML5. Clicca in basso a destra su “Converti” per procedere.
#2. Convertire video in HTML5 Online
Il programma desktop visto sopra è l’ideale per un uso professionale e regolare, ma se hai solo pochi file puoi convertire video in HTML5 anche direttamente online. Questi strumenti online hanno funzionalità decenti e si occupano degli strumenti di conversione di base. Uno di questi è il convertitore video HTML5 denominato ConverterPoint.
Servizio gratuito e online, questo tool non ha bisogno di installazione e avvia automaticamente la conversione non appena i file vengono caricati nell’interfaccia. È possibile convertire il video in WebM, MP4, OGV o tutti e 3 i formati secondo le necessità. Questo tool è privo di pubblicità e di virus e supporta l’aggiunta di file pesanti fino a 4 GB. La qualità del file di uscita può anche essere modificata se necessario. Ecco i passi da seguire per usare questo servizio di conversione video HTML5 onlien:
Step 1: Accedi a http://converterpoint.com dal tuo browser
Step 2: Clicca “Browse” per importare un tuo video
Step 3: Dopo l’importazione puoi modificare le impostazioni o lasciare quelle di default. Puoi anche vedere l’anteprima del video
Step 4: Clicca “Continue” per aprire una nuova finestra in cui dovrai scegliere uno di questi formati di uscita: MP4, OGV, WebM.
Step 5: Clicca “Start Conversion” per procedere con la conversione
Dopo la conversione potrai scaricare il file video sul tuo computer.
Una volta che hai il file video nel formato compatibile con l’HTML5 potrai procedere all’inserimento del video nel codice. A tal proposito leggi questa guida: come inserire video in HTML5 (guida che linka al sito html.it)
GloboSoft è una software house italiana che progetta e sviluppa software per la gestione dei file multimediali, dispositivi mobili e per la comunicazione digitale su diverse piattaforme.
Da oltre 10 anni il team di GloboSoft aggiorna il blog Softstore.it focalizzandosi sulla recensione dei migliori software per PC e Mac in ambito video, audio, phone manager e recupero dati.
