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 举报,一经查实,本站将立刻删除。

相关推荐


kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮,因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇“让kindeditor显示高亮代码”中已经
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高
JS对象如何转为json格式字符串
JS怎么获取图片原始宽高
怎么在click事件中调用多个js函数
js如何往数组中添加新元素
js如何拆分字符串
JS怎么对数组内元素进行求和
JS如何判断屏幕大小
js怎么解析json数据
js如何实时获取浏览器窗口大小
原生JS实现别踩白块小游戏(五)
原生JS实现别踩白块小游戏(一)