javascript - HTML5 视频 - 设置 video.currentTime 会破坏播放器

Question

我正在尝试与 Chrome 中的第 3 方 html5 视频播放器进行交互。因此，我能够获得对它的有效引用:

document.getElementsByTagName("video")[1]

...readyState 为 4，所以一切正常。

我可以成功(并获得预期结果)调用:

document.getElementsByTagName("video")[1].play();
document.getElementsByTagName("video")[1].pause();

但是当我打电话时:

document.getElementsByTagName("video")[1].currentTime = 500;

...视频卡住并且不会前进到新的 currentTime。视频时长远远超过500秒，应该可以提前到那个位置。除了 500 次之外，我还尝试过其他次数，结果都相同。如果我检查 currentTime，我刚刚设置的内容是正确的。但它实际上并没有去那里。我也无法再与视频互动。在我尝试设置 currentTime 后，它会忽略对 play() 或 pause() 的任何调用。

之前 我调用currentTime，当我调用play() 时，我得到了这个有效的 promise ，其他一切仍然有效:

在我调用 currentTime 时，当我调用 play() 时，我收回了这个违背的 promise ，现在该视频没有任何效果对象:

如果你有一个 Hulu帐户，您只需在 Chrome 开发者控制台中尝试，就可以轻松地在任何视频中观察到这种行为。

编辑:有人向我指出，提前跳过很长时间会中断，但跳过一小段距离实际上效果很好。可能与穿插的广告有关。

Answer 1

试试下面的代码，它会先暂停然后设置你的位置然后再次播放

document.getElementsByTagName("video")[1].pause();
document.getElementsByTagName("video")[1].currentTime = 500;
document.getElementsByTagName("video")[1].play();