WebGL

WebGL potrebbe essere una soluzione, ma il supporto mobile sarà piuttosto scarso e richiede l'attivazione di un plugin anche per versioni non troppo lontane dei browser moderni.

Un renderizzatore video personalizzato

Probabilmente potresti riuscire a implementare un renderer video usando un Canvas, anche se non sono sicuro di quanto sarebbe divertente questo ... (beh, sarebbe divertente come programmatore, ma probabilmente non così tanto i tempi e i vincoli di un progetto commerciale).

Video con sovrapposizione della tela

Forse guardi questi post del blog come fonte di ispirazione, questo è principalmente ciò che avevo in mente quando ho letto la tua domanda:

• link
• link

È sicuramente fattibile, anche se ci vorrà del lavoro. Inoltre, assicurati di chiarire tutti i requisiti di questa piattaforma e vedi cosa funzionerà o meno, e per vedere se puoi avere alternative ridotte per piattaforme che non puoi supportare (ad esempio, forse hai solo supporto video e nessuna interattività, invece di niente, ecc ...).

Supporto tag

Il supporto per i tag dovrebbe essere abbastanza decente sulle piattaforme moderne per <canvas> e <video> , come documentato qui e qui , ma assicurati di testarlo correttamente prima con un prototipo rapido. Ad esempio, il supporto WebGL non è così eccezionale (a partire da ottobre 2014) e canvas blending potrebbe anche essere un po 'carente (a partire da ottobre 2014, uccide il supporto IE per te). Fai attenzione anche al formato video che usi.

Quindi, a seconda di come ti vuoi avvicinare, potresti dover implementare soluzioni diverse per piattaforme diverse.