可以通过HTML5视频元素加载视频,截取视频快照并将其用作预览图像,直到视频加载或播放事件被触发。我知道有关poster属性的信息,但我希望缩略图是自动生成的,就像从视频中随机选择一帧。类似于YouTube / Vimeo的做法。谢谢。
我认为在纯HTML5中无法实现这一点。主要是因为当您在网页中看到'object'时,流尚未加载,因此客户端无法获取所需的帧。然而,对您来说最好的选择是在加载页面之前保存/缓存'随机帧',然后将其用作视频的海报。这将允许您减少客户端工作并节省带宽。如果您使用PHP并想以'快速且简单'的方式获取帧,请查看这里,这是我找到的第一件事。更新:显然,在这里有一个使用popcorn.js的解决方案,但似乎您不能以我(假设)需要的方式完成这项任务。这是因为由于浏览器安全问题,只能在同一域内执行此操作。