在iPad上寻找HTML5视频

Question

我有一个带有自定义搜索栏的HTML5视频播放器,它在iPhone(在线播放)和浏览器上运行良好.

它在iPad上播放效果也很好,搜索条在电影播放时更新,但出于某种原因,我无法寻求.

所有的值都是正确的,我试图设置:

myPlayer.currentTime = XX;

不幸的是,iPad拒绝设置.currentTime属性.

从我可以收集到的浏览器和iPad之间的区别是我得到的浏览器:

myPlayer.networkState = 3
myPlayer.readyState = 4

在iPad上,我得到:

myPlayer.networkState = 2
myPlayer.readyState = 3

这是完全相同的代码,运行本地MP4视频.

知道为什么会这样吗？

干杯,安德烈

Answer 1

我在使用JavaScript来控制音频元素方面遇到了各种各样的问题,并且对currentTime属性感到非常沮丧,以及Apple对直接用户启动事件的限制.

如果iPad上的JavaScript和HTML5视频播放存在某种奇怪的错误(或者没有记录的"功能"),这不会让我感到惊讶,这需要一种解决方法.根据我的经验,iPad具有独特的处理方式,而不是官方文档中的方式.

您应该检查视频元素的错误,缓冲,可搜索和搜索属性.看看你的readyState和networkState值,iPad似乎认为视频还没有完全加载 - 这对本地资源来说很奇怪.

缓冲和可搜索应该等于整个视频的时间范围.寻求应该是真的.这应该至少可以为您提供有关该问题的更多信息.

你有其他视频测试过吗？这可能是有某种与视频的iPad拥有了一个问题编码问题.

除此之外 - 之前的iPad操作系统版本中存在一个错误,该错误打破了设置currentTime属性的能力.您使用的是最新的操作系统版本吗？

Answer 2

此问题与video.currentTime属性上使用的值有关.在我的具体情况下,我通过始终确保在搜索期间使用带有1位十进制数字的浮点数来解决问题.

video.currentTime在iOS 3.2上设置为ZERO确实会在开始时搜索视频,但之后值不会更新 - timeupdate事件仍然正常发送但如果您尝试读取currentTime它将始终返回相同的值.

寻求开始使​​用视频0.1而不是0寻求12.2345使用12.2.

PS:您可以使用(+(12.2345).toFixed(1))将小数位数限制为1.