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

fun*_*dry 2 html safari video mobile-safari ios

我有一个简单的 HTML5 视频嵌入,在 iOS 上加载时显示一个空白(白色)帧。在桌面浏览器(包括 Safari)和 Android 上,会显示视频的第一帧。

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

我打得周围的预紧力属性,但没有将其设置为 autometadata作品。有没有其他方法可以在没有用户交互的情况下显示视频的第一帧?

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

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

这是代码如何分别在 iOS 模拟器(在真实硬件上相同)和 Chrome 中呈现的屏幕截图。

小智 5

您可以使用媒体片段 URI

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


Jen*_* MS 5

尝试以下代码。这对我来说是工作

<video src="video/video.mp4#t=0.5" playsinline controls preload="metadata">
      <source src="video/video.mp4#t=0.5" type="video/mp4">
</video>
Run Code Online (Sandbox Code Playgroud)