首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >作为海报的视频帧

作为海报的视频帧
EN

Stack Overflow用户
提问于 2017-03-06 13:45:21
回答 3查看 309关注 0票数 0

我使用的是HTML5视频,有没有可能使用视频帧作为视频海报?

代码语言:javascript
运行
复制
<video controls poster="/images/poster.jpg">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
</video>

编辑:使问题更简单。如何使用视频的最后一帧作为视频的海报图像?

EN

回答 3

Stack Overflow用户

发布于 2017-03-06 13:53:53

没有任何方法可以提取您的视频帧并用作您的视频的海报。这只能通过手动完成。

这是一个很好的方法,你可以拍摄你想要的帧的屏幕截图。并应用截图作为海报。这是一个很好的方法。

票数 0
EN

Stack Overflow用户

发布于 2017-03-06 17:37:25

最好的解决方案是通过一些简单的印刷加网获得最后一帧图像,或者获得您可以找到的另一张图像。

一旦视频结束,只需减少它的不透明度,直到它被隐藏并留下背景图像(或者如果它的海报,忽略这一步),背景图像将留在那里。

没有办法(至少我不知道)来保持最后一帧可见(因为,与动画不同,你不能在视频中说“前进”)。

你可以循环它,或者在它结束后隐藏它(或者展示海报,但你必须自己剪切/获取图像)。

票数 0
EN

Stack Overflow用户

发布于 2018-06-21 17:30:13

尝尝这个

代码语言:javascript
运行
复制
var oVideo = document.getElementsByTagName("video")[0];
oVideo.currentTime = oVideo.duration;
function remove() {
  oVideo.currentTime = 0;
  console.log("clicked");
  oVideo.removeEventListener("play", remove, false);
};
oVideo.addEventListener("play", remove, false);

我不太确定这是不是你想要的..

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42618365

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档