2013-01-14 6 views
20

Vorrei visualizzare un video da un oggetto Blob/File Javascript nel tag video HTML5.Visualizzazione di un video da un Blob Javascript

Questo codice funziona solo per i piccoli video:

var reader = new FileReader(); 
reader.onload = function(e) { 
    document.getElementById("video").src=reader.result; 
} 
reader.readAsDataURL(vid); 

Non posso usare questo per grandi video (> 10 MB). Esiste una soluzione per visualizzare un grande video da un oggetto BLOB in HTML 5?

+0

Puoi fornire maggiori informazioni su quale sia il problema? –

+0

Ad esempio, Chrome e Firefox si arrestano quando tentano di leggere un video da 15 MB. Penso che sia dovuto alla dimensione del video. I browser non possono leggere e visualizzare una stringa da 15 MB nel codice HTML. –

risposta

32

Ho trovato. Era così semplice che non l'ho nemmeno visto ...

function display(vid){ 

    var video = document.getElementById("video"); 
    video.src = window.URL.createObjectURL(vid); 

} 
+7

... ed ecco una demo: https://simpl.info/video/offline –

+2

Che tipo è il parametro 'vid'? –

+1

@HubertGrzeskowiak è un oggetto Blob o File –