HTML5视频，适用于没有自动播放功能的设备的不同海报图像

Question

• 该视频被用作背景视频。

• 海报图像必须是视频的第一帧，因此在加载视频时不会出现跳转。

• 在某些设备上，尤其是在禁用了视频自动播放功能的iOS上，我可以选择显示其他图像吗？

摘要：如果禁用了自动播放，是否可以显示其他海报图像？

谢谢。

---

注意：我知道我可以使用媒体查询来隐藏/显示内容，但这对于周围的iPad Pro来说效果不佳。

如果可能的话，我想要一个不需要检测其他设备的解决方案。

Answer 1

我不知道具体的操作方法，但是我建议不要在某个时候运行检测脚本。 在启用自动播放功能的情况下，使用“虚拟”视频（例如，数据URI中的1x1px空白视频，以确保速度和同步性），然后在渲染后不久检查是否正在播放。 然后根据是否播放进行相应标记。