在HTML5视频中发布设置currentTime的问题

拿去

我的html中间有一个视频。如您最初所见,我没有任何消息来源

<video id="videoPrincipal" src="" width="640" height="360" controls preload></video>

当我单击一个按钮时,我触发一个使以下功能:

myVid = document.getElementById('videoPrincipal');
myVid.src = 'video.mp4';
myVid.play();
myVid.currentTime ='5';

视频开始正​​确播放,但是我无法设置当前时间(与我们在http://www.w3schools.com/tags/av_prop_currenttime.asp中看到的时间相同

如果我在调用play函数之前设置currentTime,则会给我同样的错误。

在控制台中显示的错误如下:“未捕获的InvalidStateError:试图使用一个不可用或不再可用的对象。” (在currentTime行中),但是当我搜索此问题时,我无法与视频关联,只能与画布关联。

提前致谢

丹·古德皮斯

您不必等待它开始播放,但必须准备好播放。有一个canplay事件可以做到这一点,所以这样的事情应该起作用:

myVid.play();
myVid.addEventListener('canplay', function() {
    this.currentTime = 5;
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

设置currentTime后,html5视频等待readystate == 4

来自分类Dev

在SwiftUI视图中发布设置高度问题

来自分类Dev

发布设置Nightwatch的问题

来自分类Dev

通过PHP fpassthru()加载了mp4 / webm的Chrome HTML5视频:无法设置currentTime?

来自分类Dev

在Android上为HTML5视频设置currentTime不能正常工作

来自分类Dev

HTML5 视频 - 如果 currentTime 等于设置时间,则运行事件

来自分类Dev

如何包装HTML5视频元素的currentTime属性?

来自分类Dev

使用NPOI在Excel中发布设置整数值

来自分类Dev

HTML5 video.currentTime设置不正确

来自分类Dev

哪个HTML5视频事件表示正在播放的视频的currentTime?

来自分类Dev

HTML5视频溢出问题

来自分类Dev

Android HTML5视频问题

来自分类Dev

设置HTML5视频大小?

来自分类Dev

设置HTML5视频大小?

来自分类Dev

如果currentTime大于X,则一次HTML5视频运行事件

来自分类Dev

Hibernate中的一对多单向映射。在参考实体中发布设置外键

来自分类Dev

Hibernate中的OneToMany单向映射。在参考实体中发布设置外键

来自分类Dev

在html中设置html5视频的播放速率

来自分类Dev

HTML5视频播放器全屏问题

来自分类Dev

自适应全屏HTML5视频问题

来自分类Dev

Opera Mini HTML5视频播放问题

来自分类Dev

HTML5 视频 iOS11 问题

来自分类Dev

将html5视频设置为特定的帧

来自分类Dev

HTML5视频设置最大播放时长

来自分类Dev

如何设置固定的html5视频高度?

来自分类Dev

将html5视频设置为特定的帧

来自分类Dev

html5视频标记以编程方式设置src

来自分类Dev

Javascript设置/替换html5视频上的源src =“”

来自分类Dev

在Rails中发布表单时使用HTML5地理位置

Related 相关文章

热门标签

归档