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
Autenticazione di git tramite Microsoft Entra ID in Azure DevOps
Rendere le variabili read-only in una pipeline di Azure DevOps
Ottimizzare le performance usando Span<T> e il metodo Split
Gestione CSS in Blazor con .NET 9
Path addizionali per gli asset in ASP.NET Core MVC
Gestione delle scrollbar dinamiche in HTML e CSS
Abilitare automaticamente il force push di un gruppo su Azure DevOps
Gestire progetti NPM in .NET Aspire
Creare agenti facilmente con Azure AI Agent Service
Esporre un server MCP con Azure API Management
Ridurre il reflow ottimizzando il CSS
Configurare lo startup di applicazioni server e client con .NET Aspire
I più letti di oggi
- Effettuare il multi-checkout in linea nelle pipeline di Azure DevOps
- Gli oggetti CallOut di Expression Blend 4.0
- Esaminare documenti XML con namespace utilizzando LINQ to XML
- Alleggerire le applicazioni WPF sfruttando gli oggetti Freezable
- Utilizzare dati in formato XML in XAML
- Le DirectInk API nella Universal Windows Platform
- Sfruttare una CDN con i bundle di ASP.NET


