html - 如何让 HTML5 视频播放器在 safari 或 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>