如何使HTML5视频播放器在野生动物园或iOS上显示预览？

Question

如果我在自己的网站上嵌入了HTML5视频播放器，则它不会在Safari中显示任何预览。

[在其他浏览器上，我会看到预览。我尝试了最佳解决方案Here，但对我而言不起作用，而是显示了一个没有播放按钮的黑色播放器。

这大概是我用来渲染播放器的代码。

<video width="320" height="240" controls>
    <source src="some.url">
</video>

我希望在后台看到一个带有播放图标和预览图像的视频播放器。

相反，我看到只有一个播放按钮的空白白色背景。

编辑：理想情况下，我可以在没有poster属性的情况下执行此操作，因为我要避免对视频进行额外的处理以提取图像，并且必须存储并通过图像处理。

Answer 1

您需要在video标签上添加一些其他属性。

<video controls poster="Here is the poster image what you want">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>