html5-video – 在HTML5视频标签上生成随机预览图像

前端之家收集整理的这篇文章主要介绍了html5-video – 在HTML5视频标签上生成随机预览图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以捕获使用 HTML5视频元素加载的视频的快照,并将其用作预览图像,直到视频加载或播放事件被触发为止?我知道海报属性,但我希望缩略图是自生成的,就像视频中的随机帧一样. YouTube / Vimeo的功能.

谢谢,

解决方法

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

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

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

更新

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

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

猜你在找的HTML5相关文章