html视频中的loadeddata触发过快

html视频中的loadeddata触发过快,html,video,dom-events,Html,Video,Dom Events,我正在尝试捕获一段视频以创建它的缩略图。 为此,我需要知道视频什么时候可以拍摄 我以为loadeddata就是这个事件,但它在中触发得太快,捕获结果是一张空图片。如果我设置100+的setTimeout,它会起作用,因此我知道问题在于计时 以下是工作示例: 另一个奇怪的行为(在Chromium中)是,readyState并不总是4(请尝试再次运行它) 我很抱歉我误会了这件事 更新:在Firefox中,这似乎是一个chrome bug吗?平均加载时间,即在Firefox上为给定的fiddle启动

我正在尝试捕获一段视频以创建它的缩略图。 为此,我需要知道视频什么时候可以拍摄

我以为
loadeddata
就是这个事件,但它在中触发得太快,捕获结果是一张空图片。如果我设置100+的
setTimeout
,它会起作用,因此我知道问题在于计时

以下是工作示例:

另一个奇怪的行为(在Chromium中)是,
readyState
并不总是4(请尝试再次运行它)

我很抱歉我误会了这件事


更新:在Firefox中,这似乎是一个chrome bug吗?

平均加载时间,即在Firefox上为给定的fiddle启动加载数据的时间是22.2ms,在chrome中是39.9ms,肯定存在延迟。我不知道您的实际需求,但是如果没有那么多视频,您可以向视频添加预加载吗?延迟不是问题,问题是获取表示数据已准备好读取的事件。我以为
loadeddata
事件就是为了这个,但它不起作用(至少对chromium是这样),所以我的问题是。