视频帧作为海报

Question

我正在使用HTML5视频，有没有办法将视频帧用作视频海报？

<video controls poster="/images/poster.jpg">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
</video>

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

Answer 1

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

这是一种很好的方法，您可以截取所需帧的屏幕截图。并将截图应用为海报。这是一个很好的方法。

Answer 2

最佳解决方案是通过一些简单的打印筛选获取最后一帧图像，或获取您可以找到的另一个图像。

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

没有办法（至少我不知道）保持最后一帧可见（因为，与动画不同，你不能在视频上说“前进”）。

您可以循环播放，也可以将其隐藏（或显示海报，但您必须自己剪切/获取该图像）。

Answer 3

尝试

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);

不太确定这是否是您想要的。