移动 Safari 上的 iOS html5 视频

Posted

技术标签:

【中文标题】移动 Safari 上的 iOS html5 视频【英文标题】:iOS html5 video on mobile safari 【发布时间】:2011-03-11 14:47:06 【问题描述】:

我有一个在 ios 4.2 上播放的视频,我正在收听 timeupdate 事件并在特定时间暂停视频。这是相当准确的。但是,我也有播放器控件,可以使用当前时间搜索视频的某些部分。

似乎存在一个错误,即所寻求的时间永远不会准确 - 对于我需要做的事情来说不够准确。随着视频长度的增加,问题变得更糟,而且我还注意到,在视频开始时,寻道时间将比我指定的时间少 0.5 毫秒,但是当我尝试在视频中进一步寻找时,这会增加.在视频文件中搜索 2 分钟会减少大约 2 秒。

我不认为这是我的代码的问题,因为我使用开源 Jplayer 复制了相同的行为。

http://www.jplayer.org/html5.Media.Event.Inspector/

currentTime 在 iOS 上给我带来的只是问题。它甚至在 3.2 上都不起作用。

我现在遇到的问题是一个已知的错误吗?有解决方法吗?

【问题讨论】:

【参考方案1】:

我进行了测试,看看是否可以在我的 iOS 4.1 模拟版本上确认相同的行为。

我肯定在 iPhone 和 iPad 上都遇到过类似的问题。但我没有注意到随着视频变长,偏移量会按比例增长 - 它似乎更加随机。如果我不得不猜测,我会说视频正在寻找关键帧之前到您请求的时间而不是正确的位置。

iOS 设备似乎准确地报告了 currentTime... 您可以在正确的位置暂停视频,并且看起来 iPhone 上的时间码与桌面上的时间码相匹配。它只是不会在正确的地方排队。

您使用的是什么类型的视频?我测试了用 ffmpeg 编码的 h264 视频。

为您的视频添加更多关键帧或在编码器中寻找一个开关以使内容更易于查找可能是值得的。我知道 ogg 视频支持索引 (see this post)。这无助于解决这个问题,但我们或许可以在这里找到可行的并行解决方案。

这对我来说很快就会成为一个问题,所以我很想看看你是否找到了解决办法。如果有请回帖。

【讨论】:

以上是关于移动 Safari 上的 iOS html5 视频的主要内容,如果未能解决你的问题,请参考以下文章

HTML5 视频标签在移动 Chrome 上的奇怪行为,但适用于 SAFARI

iPad (iOS6) 上的 Safari 无法缩放 HTML5 视频以填充 100% 的页面宽度

移动 Safari 中的 HTML5 离线视频缓存

如何在不使用 safari 或 iOS 上的海报的情况下获取 HTML5 视频缩略图?

移动 safari 似乎在导航后卸载 html5 音频/视频

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