微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

我正在尝试与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()时,我得到了这个有效的承诺,其他一切仍然有效:

enter image description here

在我调用currentTime之后,我得到了这个破坏的承诺,现在该视频对象没有任何作用:

enter image description here

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

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

解决方法

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐