html5获取视频加载状态,等待HTML5视频加载

我有一个视频标签，我动态地更改其来源，因为我允许用户从数据库中的一些视频中进行选择。问题是，当我更改src属性时，视频不会加载，即使我告诉它。

这里是我的代码：

$("#video").attr('src','my_video_'+value+'.ogg');

$("#video").load();

while($("#video").readyState !== 4) {

console.log("Video is not ready");

};

代码仍然处于无限循环中。

任何帮助？

编辑：

对伊恩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);

好的，这是我现在的代码。来源打印很好，但我仍然无法获得持续时间：