javascript - 为 Android 上的 HTML5 视频设置 currentTime 无法正常工作

Question

我为视频创建了一组自定义导航元素，以模拟在建筑物周围行走(用于消防训练)。按下覆盖时，例程使用 vidElmt.currentTime = 5 跳转到预定位置； (例如)。这在 Windows(Chrome、FF 和 IE 11)和 iPad(Safari)上运行良好，但是当我在我的 Android 手机(4.3，使用 Chrome 或内置浏览器)上尝试时，视频跳转到错误 Blob 。例如，如果我将它设置为跳到 5 秒的位置，它看起来就像跳到 2、3 或 4 秒的位置。

我知道有些人可能会指出我可能会尝试跳转到尚未加载的位置，但我知道我要跳转到的视频部分肯定已经加载。

我想知道这是否与我的视频格式 (mp4) 有关。我已经搜索过是否有人对 Android 上的视频标签和 currentTime 有问题，但我没有找到任何问题。

这是我的演示链接，如果您想自己查看:http://eqsim.com/fesim/当播放头到达侧面/位置时，它应该循环播放该特定部分，您可以按亮起的箭头键更改位置。

如果有任何建议，我将不胜感激!

-乔纳森

Answer 1

我怀疑您可能需要在一段时间内继续查询视频，直到可以搜索到您想要的帧为止。可以找到完整的工作示例 in this jsbin ，但相关代码是这样的:

  function isSeekable(time) {
    for (var i=0; i<video.seekable.length; i++) {
      if (video.currentTime > video.seekable.start(i) && video.currentTime < video.seekable.end(i)){
       return true
      }
    }
    return false
  }

这对你有用吗？它似乎适用于我的 Android 4.3 股票浏览器。如果没有，你能告诉我更多关于你是如何编码你的视频的吗？添加更多关键帧有助于提高帧精度。