javascript – HTML5视频 – 设置video.currentTime打破播放器

2019年7月28日 327次阅读

我正在尝试与Chrome中的第三方
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()时,我得到了这个有效的承诺,其他一切仍然有效：
《javascript – HTML5视频 – 设置video.currentTime打破播放器》

在我调用currentTime之后,当我调用play()时,我得到了这个破坏的承诺,现在该视频对象没有任何作用：《javascript – HTML5视频 – 设置video.currentTime打破播放器》

如果您拥有Hulu帐户,只需在Chrome开发者控制台中尝试,即可在任何视频上轻松观察此行为.

编辑：有人向我指出,跳过很多次突破,但跳过短距离实际上运作良好.可能与散布的商业广告有关.

最佳答案 尝试下面的代码,它将首先暂停然后设置你的位置然后再次播放

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