Ich habe ein Video-Tag, dessen Quelle ich dynamisch ändere, wenn der Benutzer aus einer Reihe von Videos aus der Datenbank auswählen kann. Das Problem ist, dass das Video nicht geladen wird, wenn ich das src-Attribut ändere, auch wenn ich es anweise.

Hier ist mein Code:

$("#video").attr('src', 'my_video_'+value+'.ogg');
$("#video").load();
while($("#video").readyState !== 4) {
        console.log("Video is not ready");
};

Der Code bleibt weiterhin in einer Endlosschleife.

Irgendeine Hilfe?

BEARBEITEN:

An Ian Devlin:

//add an listener on loaded metadata
v.addEventListener('loadeddata', function() {
    console.log("Loaded the video's data!");
    console.log("Video Source: "+ $('#video').attr('src'));
    console.log("Video Duration: "+ $('#video').duration);
}, false);

Ok, das ist der Code, den ich jetzt habe. Die Quelle druckt großartig, aber ich kann immer noch nicht die Dauer bekommen: /