我有一个简单的 HTML5 视频嵌入,在 iOS 上加载时显示一个空白(白色)帧。在桌面浏览器(包括 Safari)和 Android 上,会显示视频的第一帧。
我知道您可以通过设置明确的海报图像来避免这种情况,但我希望我可以避免必须设置转码服务来提取视频的第一帧。我知道 Apple 可能选择了这条路线来限制移动用户的带宽使用,但在这种情况下,设置转码服务只是过度。
我玩过 preload 属性,但都没有将它设置为auto
或 metadata
作品。有没有其他方法可以在没有用户交互的情况下显示视频的第一帧?
这是我正在说明问题的笔的链接。
https://s.codepen.io/webconsult/debug/oRmQva/vWMRwadNoNvr
这是代码如何分别在 iOS 模拟器(在真实硬件上相同)和 Chrome 中呈现的屏幕截图。
最佳答案
您可以使用 Media Fragments URI
只需追加 #t=0.1
到视频 URL 的末尾
关于html - 无法在 iOS Safari 上预加载第一个视频帧?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56428378/