在不使用海报的情况下，HTML5 视频标签在移动 Safari 上不显示缩略图

Posted 2023-03-29

【中文标题】在不使用海报的情况下，HTML5 视频标签在移动 Safari 上不显示缩略图

【英文标题】：HTML5 video tag not showing thumbnail on mobile Safari without using poster

【发布时间】：2020-06-09 00:29:12

【问题描述】：

我使用 html 视频标签来显示视频，我从后端提供了一组视频供用户观看，它们可以正常工作并在 web、mpbile、android 应用程序上加载缩略图，但在 ios 应用程序和 safari 上没有加载缩略图浏览器。由于这些视频不是自动播放的，我需要缩略图但不使用海报。请帮帮我

【问题讨论】：

可能有多种原因（主要与在移动设备上保存数据有关）。 MP4文件的前面是用MOOV atom编码的吗？如果您不想自己为海报生成缩略图，请查看***.com/questions/41255841/…

【参考方案1】：

您说，“由于这些视频不是自动播放的，我需要缩略图，但不使用海报。”为什么你不能使用poster？该属性存在于您所描述的用例中。当然，您可以依靠浏览器为您制作“海报”，但是 a) 花费的时间比您喜欢的要长，并且 b) 并非所有浏览器都这样做，或者对所有格式都这样做； c) 制作自己的海报图像（缩略图）让您可以完全控制该图像是什么。为什么 HTML5 规范提供的这个解决方案不能满足您的需求？

【讨论】：

因为您不必为了获得缩略图而对视频进行昂贵的视频处理？并非每个网站都只是您可以控制内容的投资组合，有时用户可以自己上传视频