Il tag video di HTML5 consente di definire, direttamente all'interno della pagina, un contenuto di tipo multimediale, senza necessità di plug-in esterni.
Una caratteristica interessante è quella di poter inserire i sottotitoli e lasciare al browser l'onere di visualizzarli.
<video controls autoplay loop src="video.mp4"> <track kind="subtitles" srclang="en" label="English" src="video.en.vtt"> <track kind="subtitles" srclang="it" label="Italiano" src="video.it.vtt" default> </video>
Il file referenziato è nel formato WebVTT e bisogna ricordarsi di registrare l'apposito MIME type text/vtt nel server, altrimenti alcuni browser non scaricheranno correttamente il file e non verranno visualizzati i sottotitoli.
Ecco un esempio del file referenziato, dove sono riportati in sequenza gli intervalli e il testo da visualizzare:
WEBVTT 00:00:00.000 --> 00:00:10.000 Esempio di sottotitolo sfruttando il tag <track> 00:00:10.000 --> 00:00:20.000 Questo è un sottotitolo con HTML5

Le specifiche WebVTT sono disponibili qui (ancora in draft):
http://dev.w3.org/html5/webvtt/
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Sfruttare la local cache del browser tramite gli ETag in ASP.NET Core
Organizzare i moduli sfruttando CommonJS
Utilizzare l'attributo autofill del CSS
Utilizzare ChatGPT con Azure OpenAI
Sfruttare l'output cache di ASP.NET Core 7 con i controller
Pubblicare un pacchetto di NuGet nel feed di GitHub
Ottenere il riferimento alla finestra che ha aperto un'altra finestra con HTML5 e JavaScript
ChatOps con GitHub
GitHub <3 .NET
Leggere e scrivere su cookie tramite Blazor
Aggiungere le issue di più repository in una board in GitHub
Fare automaticamente il merge di una pull request con un workflow di GitHub