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

mih*_*aun 8 poster html5-video

是否可以捕获使用HTML5视频元素加载的视频的快照,并将其用作预览图像,直到视频加载或播放事件被触发为止?我知道海报属性,但我希望缩略图是自生成的,就像视频中的随机帧一样.YouTube/Vimeo的功能.

谢谢,

VAS*_*hhh 8

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

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

检查这个,这是我发现的第一件事(如果你使用的是PHP,你想要一个' 快速而肮脏 '的方式来获取框架)

更新

显然,这里有一个与popcorn.js一个解决方案,但似乎你不能做到这一点在(我想)你需要的方式.

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