如何让HTML5视频播放器在safari或iOS上显示预览？

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

在其他浏览器上，我可以看到预览。 我尝试了顶级解决方案，但它对我不起作用，而是显示了一个没有播放按钮的黑色播放器

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

<video width="320" height="240" controls>
    <source src="some.url">
</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>

您的浏览器不支持视频标记。

您需要在

视频标签上添加一些附加属性

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


您的浏览器不支持视频标记。
理想情况下，我可以在没有海报属性的情况下执行此操作，因为我希望避免对视频进行额外处理以提取图像+必须存储并通过图像进行传输。理想情况下，我可以在没有海报属性的情况下执行此操作，因为我想避免对视频进行额外的处理来提取图像+必须存储并通过管道传输图像。