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

Question

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

谢谢，

Answer 1

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

但是，最好的选择是在加载页面之前保存/缓存“随机帧”，然后将其用作视频的海报。这将允许您减少客户端工作并保存带宽。

检查THIS，这是我发现的第一件事（如果您使用的是PHP而且想要'快速而肮脏'的方式来获取框架）< / p>

更新

显然HERE有一个popcorn.js的解决方案，但似乎你不能以（我想）你需要的方式做到这一点。

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