在HTML5视频标签上生成随机预览图像

Question

是否可以捕获使用HTML5视频元素加载的视频的快照，并将其用作预览图像，直到加载视频或触发播放事件？我知道海报属性，但我希望缩略图是自己生成的，就像视频中的随机帧。就像YouTube/Vimeo做的那样。

谢谢,

Answer 1

我不认为这在纯HTML5中是可能的。主要是因为当你在网页中看到“对象”时，流没有被加载，所以客户端无法获得所需的帧。

然而，对你来说最好的选择是在加载页面之前保存/缓存‘随机帧’，然后使用它作为视频的海报。这将允许您减少客户端工作并节省带宽。

检查THIS，这是我发现的第一件事(如果你正在使用PHP，并且你想要一个‘快速脏’的方式来获得框架)

更新

显然，popcorn.js有一个解决方案，但似乎你不能(我想)以你需要的方式来完成它。

这是因为由于浏览器安全问题，只能在同一个域内执行此操作。