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

标签 html ios video safari mobile-safari

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

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

我玩过 preload 属性,但都没有将它设置为autometadata作品。有没有其他方法可以在没有用户交互的情况下显示视频的第一帧?

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

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/

相关文章:

ios - spritekit 游戏中的动态贝塞尔曲线绘制 - 最佳(性能)方法?

ios - 通过 Segue 将数据传递到推送到导航堆栈的另一个 Storyboard中的 UITabBarController

javascript - 嵌入的YouTube视频无法循环播放

video - ffmpeg加速进程后损坏的视频持续时间

javascript - 当用户切换选项卡时,使用 setInterval 淡入淡出的内容无法正常工作

java - 在jsp中添加

html - 从输入文本字段中删除奇怪的边框

javascript - 我有一个 IE 通知页面,但如何让用户跳过它并转发回索引?

ios - iOS 8上的墙纸

jquery - 在调整大小事件与 hmtl5 视频全屏模式下重新加载页面