无法在iOS Safari上预加载第一个视频帧？

Question

我有一个简单的HTML5视频嵌入，当在iOS上加载时，该视频显示空白帧。在桌面浏览器（包括Safari）和Android上，将显示视频的第一帧。

我知道您可以通过设置明确的海报图像来避免这种情况，但是我希望可以避免设置转码服务来提取视频的第一帧。我知道Apple可能已经选择了这条路线来限制移动用户的带宽使用，但是在这种情况下，设置转码服务实在是过大。

我玩过preload属性，但都没有将其设置为 auto或metadata有效。在没有用户交互的情况下，还有其他方法可以显示视频的第一帧吗？

这里是我正在说明问题的笔的链接。

https://s.codepen.io/webconsult/debug/oRmQva/vWMRwadNoNvr

这是屏幕截图，分别显示了如何在iOS模拟器（与真实硬件上相同）和Chrome中呈现代码。

Answer 1

您可以使用Media Fragments URI

只需将#t=0.1附加到视频URL的末尾

Answer 2

尝试以下代码 <video src="video/video.mp4#t=0.5" playsinline controls preload="metadata"> <source src="video/video.mp4#t=0.5" type="video/mp4"> </video>