Question

我正在使用HTML5的视频标签。但在播放视频之前，它会将视频的第一秒显示为图像;但是，对于我的情况，那张图片是黑色的;所以我想知道我是否可以从视频中间某处获得默认图像（在点击播放按钮之前），而不使用所有视频的静态海报。我喜欢将图像作为视频的一部分，我的意思是动态图像作为背景。任何建议都会对我有所帮助.. !!

Answer 1

您需要为视频生成缩略图，并使用HTML5视频标记的poster属性来使用缩略图。

<video width="320" height="240" poster="/images/w3html5.gif" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

您可以使用ffmpeg在视频的任意时间线生成缩略图。

Answer 2

您可以使用此海报标签

<video width="320" height="240" poster="/images/w3html5.gif" controls>
   <source src="movie.mp4" type="video/mp4">
   <source src="movie.ogg" type="video/ogg">
   Your browser does not support the video tag.
</video>

创建自己的图像输出:) 好吧，保持它希望我回答你的意思。祝一切顺利。：）

html5视频的动态图像背景

2 个答案: